@psnext/design-system 2.4.0 → 2.6.0

package/dist/patterns/Header/index.d.ts

@@ -1,2 +1,2 @@
-import { C as Fetcher, E as ProjectNode, S as ThemeToggle, T as HeaderProps, _ as Header, a as getSessionClaims, b as OrgPill, c as HeaderSelection, d as useHeaderProject, f as GlobalHeaderState, g as ProjectPicker, h as useGlobalHeader, i as SessionClaims, l as UseHeaderProjectResult, m as ToggleProjectDropdownDetail, n as Labels, o as getSessionToken, p as TOGGLE_PROJECT_DROPDOWN_EVENT, r as buildEndpoints, s as isSessionValid, t as DEFAULT_LABELS, u as useHeaderCredits, v as HeaderBar, w as HeaderEndpoints, x as ProfileMenu, y as HeaderLogo } from "../../index72.js";
+import { C as Fetcher, E as ProjectNode, S as ThemeToggle, T as HeaderProps, _ as Header, a as getSessionClaims, b as OrgPill, c as HeaderSelection, d as useHeaderProject, f as GlobalHeaderState, g as ProjectPicker, h as useGlobalHeader, i as SessionClaims, l as UseHeaderProjectResult, m as ToggleProjectDropdownDetail, n as Labels, o as getSessionToken, p as TOGGLE_PROJECT_DROPDOWN_EVENT, r as buildEndpoints, s as isSessionValid, t as DEFAULT_LABELS, u as useHeaderCredits, v as HeaderBar, w as HeaderEndpoints, x as ProfileMenu, y as HeaderLogo } from "../../index77.js";
 export { DEFAULT_LABELS, Fetcher, GlobalHeaderState, Header, HeaderBar, HeaderEndpoints, HeaderLogo, HeaderProps, HeaderSelection, Labels, OrgPill, ProfileMenu, ProjectNode, ProjectPicker, SessionClaims, TOGGLE_PROJECT_DROPDOWN_EVENT, ThemeToggle, ToggleProjectDropdownDetail, UseHeaderProjectResult, buildEndpoints, getSessionClaims, getSessionToken, isSessionValid, useGlobalHeader, useHeaderCredits, useHeaderProject };

package/dist/patterns/MediaObject/index.d.cts

@@ -1,7 +1,7 @@
-import { n as HeadingProps } from "../../index28.cjs";
-import { t as Text } from "../../index61.cjs";
-import * as react_jsx_runtime196 from "react/jsx-runtime";
-import * as class_variance_authority_types13 from "class-variance-authority/types";
+import { n as HeadingProps } from "../../index32.cjs";
+import { t as Text } from "../../index66.cjs";
+import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
@@ -15,7 +15,7 @@ declare function MediaObject({
   className,
   interactive,
   ...props
-}: MediaObjectProps): react_jsx_runtime196.JSX.Element;
+}: MediaObjectProps): react_jsx_runtime89.JSX.Element;
 type MediaObjectImageProps = React.ComponentProps<"img"> & {
   /** Required alt text describing the media (enforced for accessibility). */
   alt: string;
@@ -25,17 +25,17 @@ declare function MediaObjectImage({
   className,
   alt,
   ...props
-}: MediaObjectImageProps): react_jsx_runtime196.JSX.Element;
+}: MediaObjectImageProps): react_jsx_runtime89.JSX.Element;
 /** Square container for the icon-top card variant; place an Icon inside it. */
 declare function MediaObjectIcon({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime89.JSX.Element;
 /** Padded body region of a card that holds the title, text, and actions. */
 declare function MediaObjectContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime89.JSX.Element;
 type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
   /** Heading size step passthrough (defaults to "4"). */
   size?: HeadingProps["size"];
@@ -44,20 +44,20 @@ type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
 declare function MediaObjectTitle({
   size,
   ...props
-}: MediaObjectTitleProps): react_jsx_runtime196.JSX.Element;
+}: MediaObjectTitleProps): react_jsx_runtime89.JSX.Element;
 /** Supporting body copy; wraps the Text primitive (muted, small). */
 declare function MediaObjectText({
   ...props
-}: React.ComponentProps<typeof Text>): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<typeof Text>): react_jsx_runtime89.JSX.Element;
 /** Action row pinned to the bottom of the content; holds a Button or Link. */
 declare function MediaObjectActions({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime89.JSX.Element;
 declare const mediaObjectGroupVariants: (props?: ({
   columns?: 1 | 2 | 3 | 4 | null | undefined;
-  gap?: "sm" | "lg" | "md" | null | undefined;
-} & class_variance_authority_types13.ClassProp) | undefined) => string;
+  gap?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 type MediaObjectGroupProps = React.ComponentProps<"div"> & VariantProps<typeof mediaObjectGroupVariants>;
 /** Responsive grid wrapper that lays out a set of MediaObject cards. */
 declare function MediaObjectGroup({
@@ -65,7 +65,7 @@ declare function MediaObjectGroup({
   columns,
   gap,
   ...props
-}: MediaObjectGroupProps): react_jsx_runtime196.JSX.Element;
+}: MediaObjectGroupProps): react_jsx_runtime89.JSX.Element;
 //#endregion
 export { MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, type MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, type MediaObjectImageProps, type MediaObjectProps, MediaObjectText, MediaObjectTitle, type MediaObjectTitleProps, mediaObjectGroupVariants };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/MediaObject/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/patterns/MediaObject/MediaObject.tsx"],"mappings":";;;;;;;;KAcK,gBAAA,GAAmB,KAAA,CAAM;;;;AAVW;AAUG,iBAMnC,WAAA,CAAW;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAAuC,gBAAvC,CAAA,EAAuD,oBAAA,CAAA,GAAA,CAAA,OAAvD;KAef,qBAAA,GAAwB,KAAA,CAAM,cAff,CAAA,KAAA,CAAA,GAAA;;KAAc,EAAA,MAAA;;;AAAyC,iBAqBlE,gBAAA,CArBkE;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAqBnB,qBArBmB,CAAA,EAqBE,oBAAA,CAAA,GAAA,CAAA,OArBF;AAAA;AAe1B,iBAuBxC,eAAA,CAjBgB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiByB,KAAA,CAAM,cAjB/B,CAAA,KAAA,CAAA,CAAA,EAiBoD,oBAAA,CAAA,GAAA,CAAA,OAjBpD;;iBA6BhB,kBAAA,CA7BmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ByB,KAAA,CAAM,cA7B/B,CAAA,KAAA,CAAA,CAAA,EA6BoD,oBAAA,CAAA,GAAA,CAAA,OA7BpD;KAwCvB,qBAAA,GAAwB,IAxCU,CAwCL,YAxCK,EAAA,IAAA,CAAA,GAAA;;MAAsC,CAAA,EA0CpE,YA1CoE,CAAA,MAAA,CAAA;AAAA,CAAA;AAAA;iBA8CpE,gBAAA,CA7Be;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6BsB,qBA7BtB,CAAA,EA6B2C,oBAAA,CAAA,GAAA,CAAA,OA7B3C;;iBAmCf,eAAA,CAnC+C;EAAA,GAAA;AAAA,CAAA,EAmCjB,KAAA,CAAM,cAnCW,CAAA,OAmCW,IAnCX,CAAA,CAAA,EAmCgB,oBAAA,CAAA,GAAA,CAAA,OAnChB;;AAAqB,iBAyCpE,kBAAA,CAzCoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCxB,KAAA,CAAM,cAzCkB,CAAA,KAAA,CAAA,CAAA,EAyCG,oBAAA,CAAA,GAAA,CAAA,OAzCH;AAAA,cAqDvE,wBAzCqB,EAAA,CAAA,KAAgC,CAAhC,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,IAAA,GAAA,SAAA;KAAG,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;IA2D5B,gCAAA,CAAA,SA3DyD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KA6DtD,qBAAA,GAAwB,KAAA,CAAM,cA7D6C,CAAA,KAAA,CAAA,GA8D9E,YA9D8E,CAAA,OA8D1D,wBA9D0D,CAAA;AAAA;AAAA,iBAiEvE,gBAAA,CAtDiB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAsDuC,qBAtDvC,CAAA,EAsD4D,oBAAA,CAAA,GAAA,CAAA,OAtD5D"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/patterns/MediaObject/MediaObject.tsx"],"mappings":";;;;;;;;KAcK,gBAAA,GAAmB,KAAA,CAAM;;;;AAVW;AAUG,iBAMnC,WAAA,CAAW;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAAuC,gBAAvC,CAAA,EAAuD,mBAAA,CAAA,GAAA,CAAA,OAAvD;KAef,qBAAA,GAAwB,KAAA,CAAM,cAff,CAAA,KAAA,CAAA,GAAA;;KAAc,EAAA,MAAA;;;AAAyC,iBAqBlE,gBAAA,CArBkE;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAqBnB,qBArBmB,CAAA,EAqBE,mBAAA,CAAA,GAAA,CAAA,OArBF;AAAA;AAe1B,iBAuBxC,eAAA,CAjBgB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiByB,KAAA,CAAM,cAjB/B,CAAA,KAAA,CAAA,CAAA,EAiBoD,mBAAA,CAAA,GAAA,CAAA,OAjBpD;;iBA6BhB,kBAAA,CA7BmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ByB,KAAA,CAAM,cA7B/B,CAAA,KAAA,CAAA,CAAA,EA6BoD,mBAAA,CAAA,GAAA,CAAA,OA7BpD;KAwCvB,qBAAA,GAAwB,IAxCU,CAwCL,YAxCK,EAAA,IAAA,CAAA,GAAA;;MAAsC,CAAA,EA0CpE,YA1CoE,CAAA,MAAA,CAAA;AAAA,CAAA;AAAA;iBA8CpE,gBAAA,CA7Be;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6BsB,qBA7BtB,CAAA,EA6B2C,mBAAA,CAAA,GAAA,CAAA,OA7B3C;;iBAmCf,eAAA,CAnC+C;EAAA,GAAA;AAAA,CAAA,EAmCjB,KAAA,CAAM,cAnCW,CAAA,OAmCW,IAnCX,CAAA,CAAA,EAmCgB,mBAAA,CAAA,GAAA,CAAA,OAnChB;;AAAqB,iBAyCpE,kBAAA,CAzCoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCxB,KAAA,CAAM,cAzCkB,CAAA,KAAA,CAAA,CAAA,EAyCG,mBAAA,CAAA,GAAA,CAAA,OAzCH;AAAA,cAqDvE,wBAzCqB,EAAA,CAAA,KAAgC,CAAhC,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,IAAA,GAAA,SAAA;KAAG,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;IA2D5B,+BAAA,CAAA,SA3DyD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KA6DtD,qBAAA,GAAwB,KAAA,CAAM,cA7D6C,CAAA,KAAA,CAAA,GA8D9E,YA9D8E,CAAA,OA8D1D,wBA9D0D,CAAA;AAAA;AAAA,iBAiEvE,gBAAA,CAtDiB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAsDuC,qBAtDvC,CAAA,EAsD4D,mBAAA,CAAA,GAAA,CAAA,OAtD5D"}

package/dist/patterns/MediaObject/index.d.ts

@@ -1,9 +1,9 @@
-import { n as HeadingProps } from "../../index28.js";
-import { t as Text } from "../../index61.js";
+import { n as HeadingProps } from "../../index32.js";
+import { t as Text } from "../../index66.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region src/patterns/MediaObject/MediaObject.d.ts
 type MediaObjectProps = React.ComponentProps<"article"> & {
@@ -15,7 +15,7 @@ declare function MediaObject({
   className,
   interactive,
   ...props
-}: MediaObjectProps): react_jsx_runtime10.JSX.Element;
+}: MediaObjectProps): react_jsx_runtime11.JSX.Element;
 type MediaObjectImageProps = React.ComponentProps<"img"> & {
   /** Required alt text describing the media (enforced for accessibility). */
   alt: string;
@@ -25,17 +25,17 @@ declare function MediaObjectImage({
   className,
   alt,
   ...props
-}: MediaObjectImageProps): react_jsx_runtime10.JSX.Element;
+}: MediaObjectImageProps): react_jsx_runtime11.JSX.Element;
 /** Square container for the icon-top card variant; place an Icon inside it. */
 declare function MediaObjectIcon({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime10.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime11.JSX.Element;
 /** Padded body region of a card that holds the title, text, and actions. */
 declare function MediaObjectContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime10.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime11.JSX.Element;
 type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
   /** Heading size step passthrough (defaults to "4"). */
   size?: HeadingProps["size"];
@@ -44,20 +44,20 @@ type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
 declare function MediaObjectTitle({
   size,
   ...props
-}: MediaObjectTitleProps): react_jsx_runtime10.JSX.Element;
+}: MediaObjectTitleProps): react_jsx_runtime11.JSX.Element;
 /** Supporting body copy; wraps the Text primitive (muted, small). */
 declare function MediaObjectText({
   ...props
-}: React.ComponentProps<typeof Text>): react_jsx_runtime10.JSX.Element;
+}: React.ComponentProps<typeof Text>): react_jsx_runtime11.JSX.Element;
 /** Action row pinned to the bottom of the content; holds a Button or Link. */
 declare function MediaObjectActions({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime10.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime11.JSX.Element;
 declare const mediaObjectGroupVariants: (props?: ({
   columns?: 3 | 1 | 2 | 4 | null | undefined;
-  gap?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+  gap?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 type MediaObjectGroupProps = React.ComponentProps<"div"> & VariantProps<typeof mediaObjectGroupVariants>;
 /** Responsive grid wrapper that lays out a set of MediaObject cards. */
 declare function MediaObjectGroup({
@@ -65,7 +65,7 @@ declare function MediaObjectGroup({
   columns,
   gap,
   ...props
-}: MediaObjectGroupProps): react_jsx_runtime10.JSX.Element;
+}: MediaObjectGroupProps): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, type MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, type MediaObjectImageProps, type MediaObjectProps, MediaObjectText, MediaObjectTitle, type MediaObjectTitleProps, mediaObjectGroupVariants };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/NavRail/index.d.cts

@@ -1,2 +1,2 @@
-import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../../index43.cjs";
+import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../../index47.cjs";
 export { NavRail, NavRailItem, NavRailItemProps, NavRailMenu, NavRailMenuContent, NavRailMenuItem, NavRailMenuItemProps, NavRailMenuTrigger, NavRailMenuTriggerProps, NavRailMode, NavRailSeparator, NavRailUser, NavRailUserProps };

package/dist/patterns/NavRail/index.d.ts

@@ -1,2 +1,2 @@
-import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../../index43.js";
+import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../../index47.js";
 export { NavRail, NavRailItem, NavRailItemProps, NavRailMenu, NavRailMenuContent, NavRailMenuItem, NavRailMenuItemProps, NavRailMenuTrigger, NavRailMenuTriggerProps, NavRailMode, NavRailSeparator, NavRailUser, NavRailUserProps };

package/dist/patterns/SectionCard/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime189 from "react/jsx-runtime";
+import * as react_jsx_runtime310 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/patterns/SectionCard/SectionCard.d.ts
@@ -15,7 +15,7 @@ declare function SectionCard({
   className,
   children,
   ...props
-}: SectionCardProps): react_jsx_runtime189.JSX.Element;
+}: SectionCardProps): react_jsx_runtime310.JSX.Element;
 //#endregion
 export { SectionCard, type SectionCardProps };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/SectionCard/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime282 from "react/jsx-runtime";
 
 //#region src/patterns/SectionCard/SectionCard.d.ts
 type SectionCardProps = Omit<React.ComponentProps<"div">, "title"> & {
@@ -15,7 +15,7 @@ declare function SectionCard({
   className,
   children,
   ...props
-}: SectionCardProps): react_jsx_runtime1.JSX.Element;
+}: SectionCardProps): react_jsx_runtime282.JSX.Element;
 //#endregion
 export { SectionCard, type SectionCardProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/SectionCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionCard/SectionCard.tsx"],"mappings":";;;;KASK,gBAAA,GAAmB,KAAK,KAAA,CAAM;;SAE1B,KAAA,CAAM;EAFV;EAAgB,MAAA,CAAA,EAIV,KAAA,CAAM,SAJI;;;iBAQZ,WAAA,CANM;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMwD,gBANxD,CAAA,EAMwE,kBAAA,CAAA,GAAA,CAAA,OANxE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionCard/SectionCard.tsx"],"mappings":";;;;KASK,gBAAA,GAAmB,KAAK,KAAA,CAAM;;SAE1B,KAAA,CAAM;EAFV;EAAgB,MAAA,CAAA,EAIV,KAAA,CAAM,SAJI;;;iBAQZ,WAAA,CANM;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMwD,gBANxD,CAAA,EAMwE,oBAAA,CAAA,GAAA,CAAA,OANxE"}

package/dist/patterns/SectionHeading/index.d.cts

@@ -1,5 +1,5 @@
-import { n as HeadingProps } from "../../index28.cjs";
-import * as react_jsx_runtime231 from "react/jsx-runtime";
+import { n as HeadingProps } from "../../index32.cjs";
+import * as react_jsx_runtime301 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/patterns/SectionHeading/SectionHeading.d.ts
@@ -31,7 +31,7 @@ declare function SectionHeading({
   titleAs,
   className,
   ...props
-}: SectionHeadingProps): react_jsx_runtime231.JSX.Element;
+}: SectionHeadingProps): react_jsx_runtime301.JSX.Element;
 //#endregion
 export { SectionHeading, type SectionHeadingProps };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/SectionHeading/index.d.ts

@@ -1,6 +1,6 @@
-import { n as HeadingProps } from "../../index28.js";
+import { n as HeadingProps } from "../../index32.js";
 import * as React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime268 from "react/jsx-runtime";
 
 //#region src/patterns/SectionHeading/SectionHeading.d.ts
 /** Props for the {@link SectionHeading} pattern. */
@@ -31,7 +31,7 @@ declare function SectionHeading({
   titleAs,
   className,
   ...props
-}: SectionHeadingProps): react_jsx_runtime0.JSX.Element;
+}: SectionHeadingProps): react_jsx_runtime268.JSX.Element;
 //#endregion
 export { SectionHeading, type SectionHeadingProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/SectionHeading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionHeading/SectionHeading.tsx"],"mappings":";;;;;;KAYK,mBAAA,GAAsB,KAAK,KAAA,CAAM;;EAAjC,KAAA,EAEI,KAAA,CAAM,SAFS;EAAA;UAAQ,CAAM,EAIzB,KAAA,CAAM,SAJmB;;SAE7B,CAAA,EAIG,KAAA,CAAM,SAJH;;OAIH,CAAA,EAAA,QAAM,GAAA,MAAA;;UAQN,CAAM,EAAA,OAAA;EAAW;EAIpB,SAAA,CAAA,EANK,YAMS,CAAA,MAAA,CAAA;EAAA;SACrB,CAAA,EALU,KAAA,CAAM,WAKhB;;;iBADO,cAAA,CAIP;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAMC,mBAND,CAAA,EAMoB,kBAAA,CAAA,GAAA,CAAA,OANpB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionHeading/SectionHeading.tsx"],"mappings":";;;;;;KAYK,mBAAA,GAAsB,KAAK,KAAA,CAAM;;EAAjC,KAAA,EAEI,KAAA,CAAM,SAFS;EAAA;UAAQ,CAAM,EAIzB,KAAA,CAAM,SAJmB;;SAE7B,CAAA,EAIG,KAAA,CAAM,SAJH;;OAIH,CAAA,EAAA,QAAM,GAAA,MAAA;;UAQN,CAAM,EAAA,OAAA;EAAW;EAIpB,SAAA,CAAA,EANK,YAMS,CAAA,MAAA,CAAA;EAAA;SACrB,CAAA,EALU,KAAA,CAAM,WAKhB;;;iBADO,cAAA,CAIP;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAMC,mBAND,CAAA,EAMoB,oBAAA,CAAA,GAAA,CAAA,OANpB"}

package/dist/patterns/index.d.cts

@@ -1,7 +1,7 @@
-import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../index43.cjs";
+import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../index47.cjs";
 import { ColumnDef, DataTable, DataTableColumnHeader } from "./DataTable/index.cjs";
 import { Footer, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator, FooterStart } from "./Footer/index.cjs";
-import { C as Fetcher, E as ProjectNode, S as ThemeToggle, T as HeaderProps, _ as Header, a as getSessionClaims, b as OrgPill, c as HeaderSelection, d as useHeaderProject, f as GlobalHeaderState, g as ProjectPicker, h as useGlobalHeader, i as SessionClaims, l as UseHeaderProjectResult, m as ToggleProjectDropdownDetail, n as Labels, o as getSessionToken, p as TOGGLE_PROJECT_DROPDOWN_EVENT, r as buildEndpoints, s as isSessionValid, t as DEFAULT_LABELS, u as useHeaderCredits, v as HeaderBar, w as HeaderEndpoints, x as ProfileMenu, y as HeaderLogo } from "../index72.cjs";
+import { C as Fetcher, E as ProjectNode, S as ThemeToggle, T as HeaderProps, _ as Header, a as getSessionClaims, b as OrgPill, c as HeaderSelection, d as useHeaderProject, f as GlobalHeaderState, g as ProjectPicker, h as useGlobalHeader, i as SessionClaims, l as UseHeaderProjectResult, m as ToggleProjectDropdownDetail, n as Labels, o as getSessionToken, p as TOGGLE_PROJECT_DROPDOWN_EVENT, r as buildEndpoints, s as isSessionValid, t as DEFAULT_LABELS, u as useHeaderCredits, v as HeaderBar, w as HeaderEndpoints, x as ProfileMenu, y as HeaderLogo } from "../index77.cjs";
 import { MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, MediaObjectImageProps, MediaObjectProps, MediaObjectText, MediaObjectTitle, MediaObjectTitleProps, mediaObjectGroupVariants } from "./MediaObject/index.cjs";
 import { SectionCard, SectionCardProps } from "./SectionCard/index.cjs";
 import { SectionHeading, SectionHeadingProps } from "./SectionHeading/index.cjs";

package/dist/patterns/index.d.ts

@@ -1,7 +1,7 @@
-import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../index43.js";
+import { a as NavRailMenuContent, c as NavRailMenuTrigger, d as NavRailSeparator, f as NavRailUser, i as NavRailMenu, l as NavRailMenuTriggerProps, n as NavRailItem, o as NavRailMenuItem, p as NavRailUserProps, r as NavRailItemProps, s as NavRailMenuItemProps, t as NavRail, u as NavRailMode } from "../index47.js";
 import { ColumnDef, DataTable, DataTableColumnHeader } from "./DataTable/index.js";
 import { Footer, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator, FooterStart } from "./Footer/index.js";
-import { C as Fetcher, E as ProjectNode, S as ThemeToggle, T as HeaderProps, _ as Header, a as getSessionClaims, b as OrgPill, c as HeaderSelection, d as useHeaderProject, f as GlobalHeaderState, g as ProjectPicker, h as useGlobalHeader, i as SessionClaims, l as UseHeaderProjectResult, m as ToggleProjectDropdownDetail, n as Labels, o as getSessionToken, p as TOGGLE_PROJECT_DROPDOWN_EVENT, r as buildEndpoints, s as isSessionValid, t as DEFAULT_LABELS, u as useHeaderCredits, v as HeaderBar, w as HeaderEndpoints, x as ProfileMenu, y as HeaderLogo } from "../index72.js";
+import { C as Fetcher, E as ProjectNode, S as ThemeToggle, T as HeaderProps, _ as Header, a as getSessionClaims, b as OrgPill, c as HeaderSelection, d as useHeaderProject, f as GlobalHeaderState, g as ProjectPicker, h as useGlobalHeader, i as SessionClaims, l as UseHeaderProjectResult, m as ToggleProjectDropdownDetail, n as Labels, o as getSessionToken, p as TOGGLE_PROJECT_DROPDOWN_EVENT, r as buildEndpoints, s as isSessionValid, t as DEFAULT_LABELS, u as useHeaderCredits, v as HeaderBar, w as HeaderEndpoints, x as ProfileMenu, y as HeaderLogo } from "../index77.js";
 import { MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, MediaObjectImageProps, MediaObjectProps, MediaObjectText, MediaObjectTitle, MediaObjectTitleProps, mediaObjectGroupVariants } from "./MediaObject/index.js";
 import { SectionCard, SectionCardProps } from "./SectionCard/index.js";
 import { SectionHeading, SectionHeadingProps } from "./SectionHeading/index.js";

package/dist/primitives/Checkbox/index.cjs

@@ -10,7 +10,7 @@ let radix_ui = require("radix-ui");
 function Checkbox({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Checkbox.Root, {
 		"data-slot": "checkbox",
-		className: require_cn.cn("group/checkbox peer bg-input-bg size-4 shrink-0 rounded-4 border border-primary-invert-border transition-shadow outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:border-secondary-border", "data-[state=checked]:bg-primary-invert-bg data-[state=checked]:text-primary-invert-txt data-[state=checked]:border-transparent", "data-[state=indeterminate]:bg-primary-invert-bg data-[state=indeterminate]:text-primary-invert-txt data-[state=indeterminate]:border-transparent", "focus-visible:ring-focus focus-visible:ring-3", "aria-invalid:border-danger-border aria-invalid:ring-focus-error", "aria-invalid:data-[state=checked]:bg-danger-txt aria-invalid:data-[state=checked]:border-transparent", className),
+		className: require_cn.cn("group/checkbox peer relative bg-input-bg size-4 shrink-0 rounded-4 border border-primary-invert-border transition-shadow outline-none after:absolute after:-inset-1 after:rounded-4 after:content-[''] disabled:cursor-not-allowed disabled:opacity-50 disabled:border-secondary-border", "data-[state=checked]:bg-primary-invert-bg data-[state=checked]:text-primary-invert-txt data-[state=checked]:border-transparent", "data-[state=indeterminate]:bg-primary-invert-bg data-[state=indeterminate]:text-primary-invert-txt data-[state=indeterminate]:border-transparent", "focus-visible:ring-focus focus-visible:ring-3", "aria-invalid:border-danger-border aria-invalid:ring-focus-error", "aria-invalid:data-[state=checked]:bg-danger-txt aria-invalid:data-[state=checked]:border-transparent", className),
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.Checkbox.Indicator, {
 			"data-slot": "checkbox-indicator",

package/dist/primitives/Checkbox/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["CheckboxPrimitive","cn","Icon","CheckIcon","MinusIcon"],"sources":["../../../src/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport { useId } from \"react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** A square toggle control built on Radix Checkbox, supporting checked, unchecked, indeterminate, error, and disabled states. */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"group/checkbox peer bg-input-bg size-4 shrink-0 rounded-4 border border-primary-invert-border transition-shadow outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:border-secondary-border\",\n        // Checked + indeterminate: full-bleed inverted fill, no visible border (Figma).\n        \"data-[state=checked]:bg-primary-invert-bg data-[state=checked]:text-primary-invert-txt data-[state=checked]:border-transparent\",\n        \"data-[state=indeterminate]:bg-primary-invert-bg data-[state=indeterminate]:text-primary-invert-txt data-[state=indeterminate]:border-transparent\",\n        \"focus-visible:ring-focus focus-visible:ring-3\",\n        // Error: danger border when unchecked, danger fill when checked. Figma binds\n        // the fill to content/status/danger (the 700-level danger color), so the\n        // checked error fill is the -txt token used as a background on purpose.\n        \"aria-invalid:border-danger-border aria-invalid:ring-focus-error\",\n        \"aria-invalid:data-[state=checked]:bg-danger-txt aria-invalid:data-[state=checked]:border-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <Icon\n          as={CheckIcon}\n          className=\"size-3.5 group-data-[state=indeterminate]/checkbox:hidden\"\n        />\n        <Icon\n          as={MinusIcon}\n          className=\"hidden size-3.5 group-data-[state=indeterminate]/checkbox:block\"\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\n/** A bordered card variant of {@link Checkbox} that pairs the control with a title and optional description. */\nfunction RichCheckbox({\n  className,\n  title,\n  description,\n  flipped = false,\n  id,\n  ...props\n}: Omit<React.ComponentProps<typeof Checkbox>, \"children\"> & {\n  /** Primary label rendered next to the checkbox. */\n  title?: React.ReactNode;\n  /** Secondary helper text rendered beneath the title. */\n  description?: React.ReactNode;\n  /** When true, places the checkbox on the right (row-reverse) instead of the left. */\n  flipped?: boolean;\n}) {\n  const generatedId = useId();\n  const checkboxId = id ?? generatedId;\n  return (\n    <label\n      data-slot=\"rich-checkbox\"\n      htmlFor={checkboxId}\n      className={cn(\n        \"flex cursor-pointer items-start gap-3 rounded-10 border border-primary-border bg-muted-bg p-3 text-primary-txt transition-colors has-[[data-state=checked]]:border-selected-border has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50\",\n        flipped ? \"flex-row-reverse\" : \"flex-row\",\n        className,\n      )}\n    >\n      <Checkbox data-slot=\"rich-checkbox-control\" id={checkboxId} className=\"mt-0.75\" {...props} />\n      <span data-slot=\"rich-checkbox-content\" className=\"flex flex-1 flex-col gap-1.5\">\n        {title != null && (\n          <span data-slot=\"rich-checkbox-title\" className=\"text-sm leading-5\">\n            {title}\n          </span>\n        )}\n        {description != null && (\n          <span data-slot=\"rich-checkbox-description\" className=\"text-xs leading-4 text-muted-txt\">\n            {description}\n          </span>\n        )}\n      </span>\n    </label>\n  );\n}\n\nexport { Checkbox, RichCheckbox };\n"],"mappings":";;;;;;;;;AASA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;CAC9F,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAWC,WAAAA,GACT,iNAEA,kIACA,oJACA,iDAIA,mEACA,wGACA,SACF;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,MAACD,SAAAA,SAAkB,WAAnB;GACE,aAAU;GACV,WAAU;aAFZ,CAIE,iBAAA,GAAA,kBAAA,KAACE,aAAAA,MAAD;IACE,IAAIC,aAAAA;IACJ,WAAU;GACX,CAAA,GACD,iBAAA,GAAA,kBAAA,KAACD,aAAAA,MAAD;IACE,IAAIE,aAAAA;IACJ,WAAU;GACX,CAAA,CAC0B;;CACP,CAAA;AAE5B;;AAGA,SAAS,aAAa,EACpB,WACA,OACA,aACA,UAAU,OACV,IACA,GAAG,SAQF;CACD,MAAM,eAAA,GAAA,MAAA,OAAoB;CAC1B,MAAM,aAAa,MAAM;CACzB,OACE,iBAAA,GAAA,kBAAA,MAAC,SAAD;EACE,aAAU;EACV,SAAS;EACT,WAAWH,WAAAA,GACT,oPACA,UAAU,qBAAqB,YAC/B,SACF;YAPF,CASE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAU,aAAU;GAAwB,IAAI;GAAY,WAAU;GAAU,GAAI;EAAQ,CAAA,GAC5F,iBAAA,GAAA,kBAAA,MAAC,QAAD;GAAM,aAAU;GAAwB,WAAU;aAAlD,CACG,SAAS,QACR,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,aAAU;IAAsB,WAAU;cAC7C;GACG,CAAA,GAEP,eAAe,QACd,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,aAAU;IAA4B,WAAU;cACnD;GACG,CAAA,CAEJ;IACD;;AAEX"}
+{"version":3,"file":"index.cjs","names":["CheckboxPrimitive","cn","Icon","CheckIcon","MinusIcon"],"sources":["../../../src/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport { useId } from \"react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** A square toggle control built on Radix Checkbox, supporting checked, unchecked, indeterminate, error, and disabled states. */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        // Keep the visible control at 16px while expanding the click/tap target to 24px.\n        // This matches the repo's hit-area expansion pattern (via negative inset pseudo-element)\n        // without changing surrounding layout metrics.\n        \"group/checkbox peer relative bg-input-bg size-4 shrink-0 rounded-4 border border-primary-invert-border transition-shadow outline-none after:absolute after:-inset-1 after:rounded-4 after:content-[''] disabled:cursor-not-allowed disabled:opacity-50 disabled:border-secondary-border\",\n        // Checked + indeterminate: full-bleed inverted fill, no visible border (Figma).\n        \"data-[state=checked]:bg-primary-invert-bg data-[state=checked]:text-primary-invert-txt data-[state=checked]:border-transparent\",\n        \"data-[state=indeterminate]:bg-primary-invert-bg data-[state=indeterminate]:text-primary-invert-txt data-[state=indeterminate]:border-transparent\",\n        \"focus-visible:ring-focus focus-visible:ring-3\",\n        // Error: danger border when unchecked, danger fill when checked. Figma binds\n        // the fill to content/status/danger (the 700-level danger color), so the\n        // checked error fill is the -txt token used as a background on purpose.\n        \"aria-invalid:border-danger-border aria-invalid:ring-focus-error\",\n        \"aria-invalid:data-[state=checked]:bg-danger-txt aria-invalid:data-[state=checked]:border-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <Icon\n          as={CheckIcon}\n          className=\"size-3.5 group-data-[state=indeterminate]/checkbox:hidden\"\n        />\n        <Icon\n          as={MinusIcon}\n          className=\"hidden size-3.5 group-data-[state=indeterminate]/checkbox:block\"\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\n/** A bordered card variant of {@link Checkbox} that pairs the control with a title and optional description. */\nfunction RichCheckbox({\n  className,\n  title,\n  description,\n  flipped = false,\n  id,\n  ...props\n}: Omit<React.ComponentProps<typeof Checkbox>, \"children\"> & {\n  /** Primary label rendered next to the checkbox. */\n  title?: React.ReactNode;\n  /** Secondary helper text rendered beneath the title. */\n  description?: React.ReactNode;\n  /** When true, places the checkbox on the right (row-reverse) instead of the left. */\n  flipped?: boolean;\n}) {\n  const generatedId = useId();\n  const checkboxId = id ?? generatedId;\n  return (\n    <label\n      data-slot=\"rich-checkbox\"\n      htmlFor={checkboxId}\n      className={cn(\n        \"flex cursor-pointer items-start gap-3 rounded-10 border border-primary-border bg-muted-bg p-3 text-primary-txt transition-colors has-[[data-state=checked]]:border-selected-border has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50\",\n        flipped ? \"flex-row-reverse\" : \"flex-row\",\n        className,\n      )}\n    >\n      <Checkbox data-slot=\"rich-checkbox-control\" id={checkboxId} className=\"mt-0.75\" {...props} />\n      <span data-slot=\"rich-checkbox-content\" className=\"flex flex-1 flex-col gap-1.5\">\n        {title != null && (\n          <span data-slot=\"rich-checkbox-title\" className=\"text-sm leading-5\">\n            {title}\n          </span>\n        )}\n        {description != null && (\n          <span data-slot=\"rich-checkbox-description\" className=\"text-xs leading-4 text-muted-txt\">\n            {description}\n          </span>\n        )}\n      </span>\n    </label>\n  );\n}\n\nexport { Checkbox, RichCheckbox };\n"],"mappings":";;;;;;;;;AASA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;CAC9F,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAWC,WAAAA,GAIT,2RAEA,kIACA,oJACA,iDAIA,mEACA,wGACA,SACF;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,MAACD,SAAAA,SAAkB,WAAnB;GACE,aAAU;GACV,WAAU;aAFZ,CAIE,iBAAA,GAAA,kBAAA,KAACE,aAAAA,MAAD;IACE,IAAIC,aAAAA;IACJ,WAAU;GACX,CAAA,GACD,iBAAA,GAAA,kBAAA,KAACD,aAAAA,MAAD;IACE,IAAIE,aAAAA;IACJ,WAAU;GACX,CAAA,CAC0B;;CACP,CAAA;AAE5B;;AAGA,SAAS,aAAa,EACpB,WACA,OACA,aACA,UAAU,OACV,IACA,GAAG,SAQF;CACD,MAAM,eAAA,GAAA,MAAA,OAAoB;CAC1B,MAAM,aAAa,MAAM;CACzB,OACE,iBAAA,GAAA,kBAAA,MAAC,SAAD;EACE,aAAU;EACV,SAAS;EACT,WAAWH,WAAAA,GACT,oPACA,UAAU,qBAAqB,YAC/B,SACF;YAPF,CASE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAU,aAAU;GAAwB,IAAI;GAAY,WAAU;GAAU,GAAI;EAAQ,CAAA,GAC5F,iBAAA,GAAA,kBAAA,MAAC,QAAD;GAAM,aAAU;GAAwB,WAAU;aAAlD,CACG,SAAS,QACR,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,aAAU;IAAsB,WAAU;cAC7C;GACG,CAAA,GAEP,eAAe,QACd,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,aAAU;IAA4B,WAAU;cACnD;GACG,CAAA,CAEJ;IACD;;AAEX"}

package/dist/primitives/Checkbox/index.d.cts

@@ -1,2 +1,2 @@
-import { n as RichCheckbox, t as Checkbox } from "../../index15.cjs";
+import { n as RichCheckbox, t as Checkbox } from "../../index16.cjs";
 export { Checkbox, RichCheckbox };

package/dist/primitives/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
-import { n as RichCheckbox, t as Checkbox } from "../../index15.js";
+import { n as RichCheckbox, t as Checkbox } from "../../index16.js";
 export { Checkbox, RichCheckbox };

package/dist/primitives/Checkbox/index.js

@@ -9,7 +9,7 @@ import { Checkbox as Checkbox$1 } from "radix-ui";
 function Checkbox({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
 		"data-slot": "checkbox",
-		className: cn("group/checkbox peer bg-input-bg size-4 shrink-0 rounded-4 border border-primary-invert-border transition-shadow outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:border-secondary-border", "data-[state=checked]:bg-primary-invert-bg data-[state=checked]:text-primary-invert-txt data-[state=checked]:border-transparent", "data-[state=indeterminate]:bg-primary-invert-bg data-[state=indeterminate]:text-primary-invert-txt data-[state=indeterminate]:border-transparent", "focus-visible:ring-focus focus-visible:ring-3", "aria-invalid:border-danger-border aria-invalid:ring-focus-error", "aria-invalid:data-[state=checked]:bg-danger-txt aria-invalid:data-[state=checked]:border-transparent", className),
+		className: cn("group/checkbox peer relative bg-input-bg size-4 shrink-0 rounded-4 border border-primary-invert-border transition-shadow outline-none after:absolute after:-inset-1 after:rounded-4 after:content-[''] disabled:cursor-not-allowed disabled:opacity-50 disabled:border-secondary-border", "data-[state=checked]:bg-primary-invert-bg data-[state=checked]:text-primary-invert-txt data-[state=checked]:border-transparent", "data-[state=indeterminate]:bg-primary-invert-bg data-[state=indeterminate]:text-primary-invert-txt data-[state=indeterminate]:border-transparent", "focus-visible:ring-focus focus-visible:ring-3", "aria-invalid:border-danger-border aria-invalid:ring-focus-error", "aria-invalid:data-[state=checked]:bg-danger-txt aria-invalid:data-[state=checked]:border-transparent", className),
 		...props,
 		children: /* @__PURE__ */ jsxs(Checkbox$1.Indicator, {
 			"data-slot": "checkbox-indicator",

package/dist/primitives/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CheckboxPrimitive"],"sources":["../../../src/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport { useId } from \"react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** A square toggle control built on Radix Checkbox, supporting checked, unchecked, indeterminate, error, and disabled states. */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"group/checkbox peer bg-input-bg size-4 shrink-0 rounded-4 border border-primary-invert-border transition-shadow outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:border-secondary-border\",\n        // Checked + indeterminate: full-bleed inverted fill, no visible border (Figma).\n        \"data-[state=checked]:bg-primary-invert-bg data-[state=checked]:text-primary-invert-txt data-[state=checked]:border-transparent\",\n        \"data-[state=indeterminate]:bg-primary-invert-bg data-[state=indeterminate]:text-primary-invert-txt data-[state=indeterminate]:border-transparent\",\n        \"focus-visible:ring-focus focus-visible:ring-3\",\n        // Error: danger border when unchecked, danger fill when checked. Figma binds\n        // the fill to content/status/danger (the 700-level danger color), so the\n        // checked error fill is the -txt token used as a background on purpose.\n        \"aria-invalid:border-danger-border aria-invalid:ring-focus-error\",\n        \"aria-invalid:data-[state=checked]:bg-danger-txt aria-invalid:data-[state=checked]:border-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <Icon\n          as={CheckIcon}\n          className=\"size-3.5 group-data-[state=indeterminate]/checkbox:hidden\"\n        />\n        <Icon\n          as={MinusIcon}\n          className=\"hidden size-3.5 group-data-[state=indeterminate]/checkbox:block\"\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\n/** A bordered card variant of {@link Checkbox} that pairs the control with a title and optional description. */\nfunction RichCheckbox({\n  className,\n  title,\n  description,\n  flipped = false,\n  id,\n  ...props\n}: Omit<React.ComponentProps<typeof Checkbox>, \"children\"> & {\n  /** Primary label rendered next to the checkbox. */\n  title?: React.ReactNode;\n  /** Secondary helper text rendered beneath the title. */\n  description?: React.ReactNode;\n  /** When true, places the checkbox on the right (row-reverse) instead of the left. */\n  flipped?: boolean;\n}) {\n  const generatedId = useId();\n  const checkboxId = id ?? generatedId;\n  return (\n    <label\n      data-slot=\"rich-checkbox\"\n      htmlFor={checkboxId}\n      className={cn(\n        \"flex cursor-pointer items-start gap-3 rounded-10 border border-primary-border bg-muted-bg p-3 text-primary-txt transition-colors has-[[data-state=checked]]:border-selected-border has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50\",\n        flipped ? \"flex-row-reverse\" : \"flex-row\",\n        className,\n      )}\n    >\n      <Checkbox data-slot=\"rich-checkbox-control\" id={checkboxId} className=\"mt-0.75\" {...props} />\n      <span data-slot=\"rich-checkbox-content\" className=\"flex flex-1 flex-col gap-1.5\">\n        {title != null && (\n          <span data-slot=\"rich-checkbox-title\" className=\"text-sm leading-5\">\n            {title}\n          </span>\n        )}\n        {description != null && (\n          <span data-slot=\"rich-checkbox-description\" className=\"text-xs leading-4 text-muted-txt\">\n            {description}\n          </span>\n        )}\n      </span>\n    </label>\n  );\n}\n\nexport { Checkbox, RichCheckbox };\n"],"mappings":";;;;;;;;AASA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;CAC9F,OACE,oBAACA,WAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,iNAEA,kIACA,oJACA,iDAIA,mEACA,wGACA,SACF;EACA,GAAI;YAEJ,qBAACA,WAAkB,WAAnB;GACE,aAAU;GACV,WAAU;aAFZ,CAIE,oBAAC,MAAD;IACE,IAAI;IACJ,WAAU;GACX,CAAA,GACD,oBAAC,MAAD;IACE,IAAI;IACJ,WAAU;GACX,CAAA,CAC0B;;CACP,CAAA;AAE5B;;AAGA,SAAS,aAAa,EACpB,WACA,OACA,aACA,UAAU,OACV,IACA,GAAG,SAQF;CACD,MAAM,cAAc,MAAM;CAC1B,MAAM,aAAa,MAAM;CACzB,OACE,qBAAC,SAAD;EACE,aAAU;EACV,SAAS;EACT,WAAW,GACT,oPACA,UAAU,qBAAqB,YAC/B,SACF;YAPF,CASE,oBAAC,UAAD;GAAU,aAAU;GAAwB,IAAI;GAAY,WAAU;GAAU,GAAI;EAAQ,CAAA,GAC5F,qBAAC,QAAD;GAAM,aAAU;GAAwB,WAAU;aAAlD,CACG,SAAS,QACR,oBAAC,QAAD;IAAM,aAAU;IAAsB,WAAU;cAC7C;GACG,CAAA,GAEP,eAAe,QACd,oBAAC,QAAD;IAAM,aAAU;IAA4B,WAAU;cACnD;GACG,CAAA,CAEJ;IACD;;AAEX"}
+{"version":3,"file":"index.js","names":["CheckboxPrimitive"],"sources":["../../../src/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { Icon } from \"@/primitives/Icon\";\nimport { CheckIcon, MinusIcon } from \"lucide-react\";\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport { useId } from \"react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** A square toggle control built on Radix Checkbox, supporting checked, unchecked, indeterminate, error, and disabled states. */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        // Keep the visible control at 16px while expanding the click/tap target to 24px.\n        // This matches the repo's hit-area expansion pattern (via negative inset pseudo-element)\n        // without changing surrounding layout metrics.\n        \"group/checkbox peer relative bg-input-bg size-4 shrink-0 rounded-4 border border-primary-invert-border transition-shadow outline-none after:absolute after:-inset-1 after:rounded-4 after:content-[''] disabled:cursor-not-allowed disabled:opacity-50 disabled:border-secondary-border\",\n        // Checked + indeterminate: full-bleed inverted fill, no visible border (Figma).\n        \"data-[state=checked]:bg-primary-invert-bg data-[state=checked]:text-primary-invert-txt data-[state=checked]:border-transparent\",\n        \"data-[state=indeterminate]:bg-primary-invert-bg data-[state=indeterminate]:text-primary-invert-txt data-[state=indeterminate]:border-transparent\",\n        \"focus-visible:ring-focus focus-visible:ring-3\",\n        // Error: danger border when unchecked, danger fill when checked. Figma binds\n        // the fill to content/status/danger (the 700-level danger color), so the\n        // checked error fill is the -txt token used as a background on purpose.\n        \"aria-invalid:border-danger-border aria-invalid:ring-focus-error\",\n        \"aria-invalid:data-[state=checked]:bg-danger-txt aria-invalid:data-[state=checked]:border-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <Icon\n          as={CheckIcon}\n          className=\"size-3.5 group-data-[state=indeterminate]/checkbox:hidden\"\n        />\n        <Icon\n          as={MinusIcon}\n          className=\"hidden size-3.5 group-data-[state=indeterminate]/checkbox:block\"\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\n/** A bordered card variant of {@link Checkbox} that pairs the control with a title and optional description. */\nfunction RichCheckbox({\n  className,\n  title,\n  description,\n  flipped = false,\n  id,\n  ...props\n}: Omit<React.ComponentProps<typeof Checkbox>, \"children\"> & {\n  /** Primary label rendered next to the checkbox. */\n  title?: React.ReactNode;\n  /** Secondary helper text rendered beneath the title. */\n  description?: React.ReactNode;\n  /** When true, places the checkbox on the right (row-reverse) instead of the left. */\n  flipped?: boolean;\n}) {\n  const generatedId = useId();\n  const checkboxId = id ?? generatedId;\n  return (\n    <label\n      data-slot=\"rich-checkbox\"\n      htmlFor={checkboxId}\n      className={cn(\n        \"flex cursor-pointer items-start gap-3 rounded-10 border border-primary-border bg-muted-bg p-3 text-primary-txt transition-colors has-[[data-state=checked]]:border-selected-border has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50\",\n        flipped ? \"flex-row-reverse\" : \"flex-row\",\n        className,\n      )}\n    >\n      <Checkbox data-slot=\"rich-checkbox-control\" id={checkboxId} className=\"mt-0.75\" {...props} />\n      <span data-slot=\"rich-checkbox-content\" className=\"flex flex-1 flex-col gap-1.5\">\n        {title != null && (\n          <span data-slot=\"rich-checkbox-title\" className=\"text-sm leading-5\">\n            {title}\n          </span>\n        )}\n        {description != null && (\n          <span data-slot=\"rich-checkbox-description\" className=\"text-xs leading-4 text-muted-txt\">\n            {description}\n          </span>\n        )}\n      </span>\n    </label>\n  );\n}\n\nexport { Checkbox, RichCheckbox };\n"],"mappings":";;;;;;;;AASA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;CAC9F,OACE,oBAACA,WAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GAIT,2RAEA,kIACA,oJACA,iDAIA,mEACA,wGACA,SACF;EACA,GAAI;YAEJ,qBAACA,WAAkB,WAAnB;GACE,aAAU;GACV,WAAU;aAFZ,CAIE,oBAAC,MAAD;IACE,IAAI;IACJ,WAAU;GACX,CAAA,GACD,oBAAC,MAAD;IACE,IAAI;IACJ,WAAU;GACX,CAAA,CAC0B;;CACP,CAAA;AAE5B;;AAGA,SAAS,aAAa,EACpB,WACA,OACA,aACA,UAAU,OACV,IACA,GAAG,SAQF;CACD,MAAM,cAAc,MAAM;CAC1B,MAAM,aAAa,MAAM;CACzB,OACE,qBAAC,SAAD;EACE,aAAU;EACV,SAAS;EACT,WAAW,GACT,oPACA,UAAU,qBAAqB,YAC/B,SACF;YAPF,CASE,oBAAC,UAAD;GAAU,aAAU;GAAwB,IAAI;GAAY,WAAU;GAAU,GAAI;EAAQ,CAAA,GAC5F,qBAAC,QAAD;GAAM,aAAU;GAAwB,WAAU;aAAlD,CACG,SAAS,QACR,oBAAC,QAAD;IAAM,aAAU;IAAsB,WAAU;cAC7C;GACG,CAAA,GAEP,eAAe,QACd,oBAAC,QAAD;IAAM,aAAU;IAA4B,WAAU;cACnD;GACG,CAAA,CAEJ;IACD;;AAEX"}

package/dist/primitives/CheckboxTree/index.d.cts

@@ -1,2 +1,2 @@
-import { n as CheckboxTreeNode, t as CheckboxTree } from "../../index16.cjs";
+import { n as CheckboxTreeNode, t as CheckboxTree } from "../../index17.cjs";
 export { CheckboxTree, CheckboxTreeNode };

package/dist/primitives/CheckboxTree/index.d.ts

@@ -1,2 +1,2 @@
-import { n as CheckboxTreeNode, t as CheckboxTree } from "../../index16.js";
+import { n as CheckboxTreeNode, t as CheckboxTree } from "../../index17.js";
 export { CheckboxTree, CheckboxTreeNode };

package/dist/primitives/CircularProgress/index.cjs

@@ -0,0 +1,106 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_cn = require("../../cn.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/primitives/CircularProgress/CircularProgress.tsx
+const indicatorVariants = {
+	default: "text-primary-invert-bg",
+	brand: "text-brand-500-primary",
+	success: "text-success-txt",
+	warning: "text-warning-txt",
+	info: "text-info-txt",
+	destructive: "text-danger-txt",
+	analyzing: "text-[var(--progress-analyzing)]",
+	ingesting: "text-[var(--progress-ingesting)]"
+};
+const trackVariants = {
+	default: "text-primary-border",
+	brand: "text-brand-500-primary/20",
+	success: "text-success-txt/20",
+	warning: "text-warning-txt/20",
+	info: "text-info-txt/20",
+	destructive: "text-danger-txt/20",
+	analyzing: "text-primary-invert-bg/20",
+	ingesting: "text-primary-invert-bg/20"
+};
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+/** Circular progress indicator supporting determinate and indeterminate states. */
+function CircularProgress({ className, value, min = 0, max = 100, size = 48, strokeWidth = 4, variant = "default", trackVariant, progressColor, trackColor, label, showValueLabel = false, indeterminateLabel = "Loading", style, "aria-label": ariaLabelProp, "aria-valuetext": ariaValueTextProp, ...props }) {
+	const normalizedMax = max > min ? max : min + 100;
+	const boundedValue = value == null ? void 0 : clamp(value, min, normalizedMax);
+	const indeterminate = boundedValue == null;
+	const percent = indeterminate ? void 0 : (boundedValue - min) / (normalizedMax - min) * 100;
+	const roundedPercent = percent == null ? void 0 : Math.round(percent);
+	const normalizedSize = Math.max(size, 12);
+	const normalizedStrokeWidth = clamp(strokeWidth, 1, normalizedSize / 2);
+	const radius = (normalizedSize - normalizedStrokeWidth) / 2;
+	const circumference = 2 * Math.PI * radius;
+	const centerLabel = label ?? (showValueLabel && roundedPercent != null ? `${roundedPercent}%` : null);
+	const ariaValueText = ariaValueTextProp ?? (indeterminate ? indeterminateLabel : `${roundedPercent}% complete`);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-slot": "circular-progress",
+		"data-state": indeterminate ? "indeterminate" : "determinate",
+		role: "progressbar",
+		"aria-label": ariaLabelProp ?? "Progress",
+		"aria-valuemin": min,
+		"aria-valuemax": normalizedMax,
+		"aria-valuenow": indeterminate ? void 0 : boundedValue,
+		"aria-valuetext": ariaValueText,
+		className: require_cn.cn("relative inline-flex shrink-0 items-center justify-center rounded-full text-primary-txt outline-none focus-visible:ring-3 focus-visible:ring-focus", className),
+		style: {
+			width: normalizedSize,
+			height: normalizedSize,
+			...style
+		},
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				"data-slot": "circular-progress-svg",
+				width: normalizedSize,
+				height: normalizedSize,
+				viewBox: `0 0 ${normalizedSize} ${normalizedSize}`,
+				className: require_cn.cn("size-full -rotate-90", indeterminate && "motion-safe:animate-spin"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					"data-slot": "circular-progress-track",
+					cx: normalizedSize / 2,
+					cy: normalizedSize / 2,
+					r: radius,
+					fill: "none",
+					strokeWidth: normalizedStrokeWidth,
+					className: require_cn.cn("stroke-current", trackColor ? void 0 : trackVariants[trackVariant ?? variant]),
+					style: trackColor ? { stroke: trackColor } : void 0
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+					"data-slot": "circular-progress-indicator",
+					cx: normalizedSize / 2,
+					cy: normalizedSize / 2,
+					r: radius,
+					fill: "none",
+					strokeWidth: normalizedStrokeWidth,
+					strokeLinecap: "round",
+					className: require_cn.cn("stroke-current motion-reduce:transition-none", progressColor ? void 0 : indicatorVariants[variant], indeterminate ? void 0 : "transition-[stroke-dashoffset] duration-500 ease-out"),
+					style: {
+						strokeDasharray: indeterminate ? `${circumference * .35} ${circumference}` : `${circumference}`,
+						strokeDashoffset: indeterminate ? `${circumference * .1}` : `${circumference - (percent ?? 0) / 100 * circumference}`,
+						...progressColor ? { stroke: progressColor } : {}
+					}
+				})]
+			}),
+			centerLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"data-slot": "circular-progress-label",
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute inset-0 flex items-center justify-center font-medium text-[11px] leading-none",
+				children: centerLabel
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				"aria-live": "polite",
+				children: indeterminate ? indeterminateLabel : `${roundedPercent}% complete`
+			})
+		]
+	});
+}
+//#endregion
+exports.CircularProgress = CircularProgress;
+
+//# sourceMappingURL=index.cjs.map

package/dist/primitives/CircularProgress/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/primitives/CircularProgress/CircularProgress.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\nconst indicatorVariants = {\n  default: \"text-primary-invert-bg\",\n  brand: \"text-brand-500-primary\",\n  success: \"text-success-txt\",\n  warning: \"text-warning-txt\",\n  info: \"text-info-txt\",\n  destructive: \"text-danger-txt\",\n  analyzing: \"text-[var(--progress-analyzing)]\",\n  ingesting: \"text-[var(--progress-ingesting)]\",\n} as const;\n\nconst trackVariants = {\n  default: \"text-primary-border\",\n  brand: \"text-brand-500-primary/20\",\n  success: \"text-success-txt/20\",\n  warning: \"text-warning-txt/20\",\n  info: \"text-info-txt/20\",\n  destructive: \"text-danger-txt/20\",\n  analyzing: \"text-primary-invert-bg/20\",\n  ingesting: \"text-primary-invert-bg/20\",\n} as const;\n\ntype CircularProgressVariant = keyof typeof indicatorVariants;\n\ntype CircularProgressProps = Omit<React.ComponentProps<\"div\">, \"children\"> & {\n  /** Determinate value. Omit for indeterminate/loading state. */\n  value?: number;\n  /** Lower bound used for ARIA/value normalization. */\n  min?: number;\n  /** Upper bound used for ARIA/value normalization. */\n  max?: number;\n  /** Rendered diameter in px. */\n  size?: number;\n  /** Stroke thickness in px. */\n  strokeWidth?: number;\n  /** Semantic colour variant for the progress stroke. */\n  variant?: CircularProgressVariant;\n  /** Semantic colour variant for the track stroke. Defaults to `variant`. */\n  trackVariant?: CircularProgressVariant;\n  /** Explicit progress stroke colour (CSS colour value). Overrides `variant`. */\n  progressColor?: string;\n  /** Explicit track stroke colour (CSS colour value). Overrides `trackVariant`. */\n  trackColor?: string;\n  /** Optional centered label content. */\n  label?: React.ReactNode;\n  /** Render computed percentage text in the center when determinate. */\n  showValueLabel?: boolean;\n  /** Accessible text for indeterminate/loading state. */\n  indeterminateLabel?: string;\n};\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\n/** Circular progress indicator supporting determinate and indeterminate states. */\nfunction CircularProgress({\n  className,\n  value,\n  min = 0,\n  max = 100,\n  size = 48,\n  strokeWidth = 4,\n  variant = \"default\",\n  trackVariant,\n  progressColor,\n  trackColor,\n  label,\n  showValueLabel = false,\n  indeterminateLabel = \"Loading\",\n  style,\n  \"aria-label\": ariaLabelProp,\n  \"aria-valuetext\": ariaValueTextProp,\n  ...props\n}: CircularProgressProps) {\n  const normalizedMax = max > min ? max : min + 100;\n  const boundedValue = value == null ? undefined : clamp(value, min, normalizedMax);\n  const indeterminate = boundedValue == null;\n\n  const percent = indeterminate ? undefined : ((boundedValue - min) / (normalizedMax - min)) * 100;\n  const roundedPercent = percent == null ? undefined : Math.round(percent);\n\n  const normalizedSize = Math.max(size, 12);\n  const normalizedStrokeWidth = clamp(strokeWidth, 1, normalizedSize / 2);\n  const radius = (normalizedSize - normalizedStrokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n\n  const centerLabel =\n    label ?? (showValueLabel && roundedPercent != null ? `${roundedPercent}%` : null);\n  const ariaValueText =\n    ariaValueTextProp ?? (indeterminate ? indeterminateLabel : `${roundedPercent}% complete`);\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      data-state={indeterminate ? \"indeterminate\" : \"determinate\"}\n      role=\"progressbar\"\n      aria-label={ariaLabelProp ?? \"Progress\"}\n      aria-valuemin={min}\n      aria-valuemax={normalizedMax}\n      aria-valuenow={indeterminate ? undefined : boundedValue}\n      aria-valuetext={ariaValueText}\n      className={cn(\n        \"relative inline-flex shrink-0 items-center justify-center rounded-full text-primary-txt outline-none focus-visible:ring-3 focus-visible:ring-focus\",\n        className,\n      )}\n      style={{ width: normalizedSize, height: normalizedSize, ...style }}\n      {...props}\n    >\n      <svg\n        data-slot=\"circular-progress-svg\"\n        width={normalizedSize}\n        height={normalizedSize}\n        viewBox={`0 0 ${normalizedSize} ${normalizedSize}`}\n        className={cn(\"size-full -rotate-90\", indeterminate && \"motion-safe:animate-spin\")}\n      >\n        <circle\n          data-slot=\"circular-progress-track\"\n          cx={normalizedSize / 2}\n          cy={normalizedSize / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={normalizedStrokeWidth}\n          className={cn(\n            \"stroke-current\",\n            trackColor ? undefined : trackVariants[trackVariant ?? variant],\n          )}\n          style={trackColor ? { stroke: trackColor } : undefined}\n        />\n        <circle\n          data-slot=\"circular-progress-indicator\"\n          cx={normalizedSize / 2}\n          cy={normalizedSize / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={normalizedStrokeWidth}\n          strokeLinecap=\"round\"\n          className={cn(\n            \"stroke-current motion-reduce:transition-none\",\n            progressColor ? undefined : indicatorVariants[variant],\n            indeterminate ? undefined : \"transition-[stroke-dashoffset] duration-500 ease-out\",\n          )}\n          style={{\n            strokeDasharray: indeterminate\n              ? `${circumference * 0.35} ${circumference}`\n              : `${circumference}`,\n            strokeDashoffset: indeterminate\n              ? `${circumference * 0.1}`\n              : `${circumference - ((percent ?? 0) / 100) * circumference}`,\n            ...(progressColor ? { stroke: progressColor } : {}),\n          }}\n        />\n      </svg>\n\n      {centerLabel ? (\n        <span\n          data-slot=\"circular-progress-label\"\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 flex items-center justify-center font-medium text-[11px] leading-none\"\n        >\n          {centerLabel}\n        </span>\n      ) : null}\n\n      <span className=\"sr-only\" aria-live=\"polite\">\n        {indeterminate ? indeterminateLabel : `${roundedPercent}% complete`}\n      </span>\n    </div>\n  );\n}\n\nexport { CircularProgress, type CircularProgressProps, type CircularProgressVariant };\n"],"mappings":";;;;AAIA,MAAM,oBAAoB;CACxB,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACT,MAAM;CACN,aAAa;CACb,WAAW;CACX,WAAW;AACb;AAEA,MAAM,gBAAgB;CACpB,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACT,MAAM;CACN,aAAa;CACb,WAAW;CACX,WAAW;AACb;AA+BA,SAAS,MAAM,OAAe,KAAa,KAAa;CACtD,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;;AAGA,SAAS,iBAAiB,EACxB,WACA,OACA,MAAM,GACN,MAAM,KACN,OAAO,IACP,cAAc,GACd,UAAU,WACV,cACA,eACA,YACA,OACA,iBAAiB,OACjB,qBAAqB,WACrB,OACA,cAAc,eACd,kBAAkB,mBAClB,GAAG,SACqB;CACxB,MAAM,gBAAgB,MAAM,MAAM,MAAM,MAAM;CAC9C,MAAM,eAAe,SAAS,OAAO,KAAA,IAAY,MAAM,OAAO,KAAK,aAAa;CAChF,MAAM,gBAAgB,gBAAgB;CAEtC,MAAM,UAAU,gBAAgB,KAAA,KAAc,eAAe,QAAQ,gBAAgB,OAAQ;CAC7F,MAAM,iBAAiB,WAAW,OAAO,KAAA,IAAY,KAAK,MAAM,OAAO;CAEvE,MAAM,iBAAiB,KAAK,IAAI,MAAM,EAAE;CACxC,MAAM,wBAAwB,MAAM,aAAa,GAAG,iBAAiB,CAAC;CACtE,MAAM,UAAU,iBAAiB,yBAAyB;CAC1D,MAAM,gBAAgB,IAAI,KAAK,KAAK;CAEpC,MAAM,cACJ,UAAU,kBAAkB,kBAAkB,OAAO,GAAG,eAAe,KAAK;CAC9E,MAAM,gBACJ,sBAAsB,gBAAgB,qBAAqB,GAAG,eAAe;CAE/E,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,aAAU;EACV,cAAY,gBAAgB,kBAAkB;EAC9C,MAAK;EACL,cAAY,iBAAiB;EAC7B,iBAAe;EACf,iBAAe;EACf,iBAAe,gBAAgB,KAAA,IAAY;EAC3C,kBAAgB;EAChB,WAAWA,WAAAA,GACT,sJACA,SACF;EACA,OAAO;GAAE,OAAO;GAAgB,QAAQ;GAAgB,GAAG;EAAM;EACjE,GAAI;YAdN;GAgBE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IACE,aAAU;IACV,OAAO;IACP,QAAQ;IACR,SAAS,OAAO,eAAe,GAAG;IAClC,WAAWA,WAAAA,GAAG,wBAAwB,iBAAiB,0BAA0B;cALnF,CAOE,iBAAA,GAAA,kBAAA,KAAC,UAAD;KACE,aAAU;KACV,IAAI,iBAAiB;KACrB,IAAI,iBAAiB;KACrB,GAAG;KACH,MAAK;KACL,aAAa;KACb,WAAWA,WAAAA,GACT,kBACA,aAAa,KAAA,IAAY,cAAc,gBAAgB,QACzD;KACA,OAAO,aAAa,EAAE,QAAQ,WAAW,IAAI,KAAA;IAC9C,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAC,UAAD;KACE,aAAU;KACV,IAAI,iBAAiB;KACrB,IAAI,iBAAiB;KACrB,GAAG;KACH,MAAK;KACL,aAAa;KACb,eAAc;KACd,WAAWA,WAAAA,GACT,gDACA,gBAAgB,KAAA,IAAY,kBAAkB,UAC9C,gBAAgB,KAAA,IAAY,sDAC9B;KACA,OAAO;MACL,iBAAiB,gBACb,GAAG,gBAAgB,IAAK,GAAG,kBAC3B,GAAG;MACP,kBAAkB,gBACd,GAAG,gBAAgB,OACnB,GAAG,iBAAkB,WAAW,KAAK,MAAO;MAChD,GAAI,gBAAgB,EAAE,QAAQ,cAAc,IAAI,CAAC;KACnD;IACD,CAAA,CACE;;GAEJ,cACC,iBAAA,GAAA,kBAAA,KAAC,QAAD;IACE,aAAU;IACV,eAAY;IACZ,WAAU;cAET;GACG,CAAA,IACJ;GAEJ,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAU;IAAU,aAAU;cACjC,gBAAgB,qBAAqB,GAAG,eAAe;GACpD,CAAA;EACH;;AAET"}

package/dist/primitives/CircularProgress/index.d.cts

@@ -0,0 +1,2 @@
+import { n as CircularProgressProps, r as CircularProgressVariant, t as CircularProgress } from "../../index15.cjs";
+export { CircularProgress, CircularProgressProps, CircularProgressVariant };

package/dist/primitives/CircularProgress/index.d.ts

@@ -0,0 +1,2 @@
+import { n as CircularProgressProps, r as CircularProgressVariant, t as CircularProgress } from "../../index15.js";
+export { CircularProgress, CircularProgressProps, CircularProgressVariant };