@pathscale/ui 2.7.1 → 2.7.3

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

@@ -1 +1 @@
-export { createOverlayPosition, type OverlayPlacement, type OverlayAlign, type CreateOverlayPositionOptions, } from "./overlayPosition";
+export { type CreateOverlayPositionOptions, createOverlayPosition, type OverlayAlign, type OverlayPlacement, } from "./overlayPosition";

package/dist/components/_shared/material.css

@@ -45,6 +45,29 @@
    * matching, so that form would have been dead CSS and the flip would have
    * looked broken rather than unsupported.
    */
+  /*
+   * The flip tints. It does not add a backdrop filter, and that is the whole
+   * difference between a material and a hang.
+   *
+   * A `backdrop-filter` is not a paint property: it cuts the frame in two. The
+   * renderer has to stop, rasterise everything drawn so far to a texture, copy
+   * that into an atlas, blur it, and then draw the full-frame result back
+   * before continuing - per boundary, per frame. Giving the filter to *every*
+   * component that never set `material` turns each one into such a boundary.
+   *
+   * Measured, not guessed. With the filter here, a profile of the consuming
+   * app showed 3156 of 3157 main-thread samples inside
+   * `wgpu_hal::metal::Device::wait`, under `anyrender_vello::backdrop::execute`
+   * - a synchronous GPU wait on the UI thread - and its frame log reported
+   * `renderer_avg_ms=13.24` against an 8.3 ms budget at 120 Hz. That is a
+   * beachball, and it was reported as one twice.
+   *
+   * An explicit `material="glass"` still gets the real thing, because that is
+   * a deliberate choice about one surface. The flip is a global default, and a
+   * global default cannot buy a full-frame pass per element. The tint alone is
+   * what reads as glass on a translucent window anyway: the blur behind the
+   * *window* comes from the compositor, not from here.
+   */
   :root.glass [data-material="solid"]:not([data-material-explicit]) {
     background-color: color-mix(
       in oklab,
@@ -56,12 +79,6 @@
       var(--glass-border-color, white),
       transparent calc(100% - var(--glass-border-opacity, 12%))
     );
-    -webkit-backdrop-filter: blur(var(--glass-blur, 9px))
-      saturate(var(--glass-saturation, 1.2))
-      brightness(var(--glass-brightness, 1));
-    backdrop-filter: blur(var(--glass-blur, 9px))
-      saturate(var(--glass-saturation, 1.2))
-      brightness(var(--glass-brightness, 1));
   }
 
   :root.glass [data-material="solid"]:not([data-material-explicit])::before {
@@ -195,7 +212,7 @@
     .ui-select__trigger,
     .language-switcher__trigger,
     .dropdown__trigger,
-    .toggle__track,
+    .switch__control,
     [data-control-material="solid"]
   ):not([data-control-material="glass"]) {
     background-color: rgb(

package/dist/components/_shared/overlayPosition.d.ts

@@ -1,5 +1,5 @@
-import { type Accessor } from "solid-js";
 import type { JSX } from "@solidjs/web";
+import { type Accessor } from "solid-js";
 export type OverlayPlacement = "top" | "bottom" | "left" | "right";
 export type OverlayAlign = "start" | "center" | "end";
 export type OverlayAnchorRect = {
@@ -23,7 +23,7 @@ export interface CreateOverlayPositionOptions {
     minWidth?: Accessor<number | undefined>;
     viewportPadding?: Accessor<number>;
 }
-export declare const resolveOverlayAnchorRect: (trigger: Pick<HTMLElement, "getBoundingClientRect"> | undefined, anchorRect: OverlayAnchorRect | undefined) => OverlayAnchorRect | DOMRect | undefined;
+export declare const resolveOverlayAnchorRect: (trigger: Pick<HTMLElement, "getBoundingClientRect"> | undefined, anchorRect: OverlayAnchorRect | undefined) => DOMRect | OverlayAnchorRect | undefined;
 export declare const createOverlayPosition: (options: CreateOverlayPositionOptions) => {
     style: import("solid-js").SourceAccessor<JSX.CSSProperties>;
     placement: import("solid-js").SourceAccessor<OverlayPlacement>;

package/dist/components/accordion/Accordion.css

@@ -69,9 +69,9 @@
     .accordion__trigger:hover:not([aria-expanded="true"]):not(:disabled):not(
         [aria-disabled="true"]
       ),
-    .accordion__trigger[data-hovered="true"]:not(
-        [aria-expanded="true"]
-      ):not(:disabled):not([aria-disabled="true"]) {
+    .accordion__trigger[data-hovered="true"]:not([aria-expanded="true"]):not(
+        :disabled
+      ):not([aria-disabled="true"]) {
       background-color: color-mix(
         in oklab,
         var(--color-base-content),

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

@@ -1 +1 @@
-export { default, Accordion, AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent, AccordionIndicator, type AccordionProps, type AccordionRootProps, type AccordionItemProps, type AccordionTriggerProps, type AccordionContentProps, type AccordionIndicatorProps, type AccordionSelectionMode, type AccordionVariant, type AccordionValue, } from "./Accordion.generated";
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionIndicator, type AccordionIndicatorProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionRoot, type AccordionRootProps, type AccordionSelectionMode, AccordionTrigger, type AccordionTriggerProps, type AccordionValue, type AccordionVariant, default, } from "./Accordion.generated";

package/dist/components/address/Address.css

@@ -47,20 +47,36 @@
     color: var(--color-success);
   }
 
-  .address--xs { font-size: 0.75rem; }
-  .address--sm { font-size: 0.8125rem; }
-  .address--md { font-size: 0.875rem; }
-  .address--lg { font-size: 1rem; }
-  .address--xl { font-size: 1.125rem; }
+  .address--xs {
+    font-size: 0.75rem;
+  }
+  .address--sm {
+    font-size: 0.8125rem;
+  }
+  .address--md {
+    font-size: 0.875rem;
+  }
+  .address--lg {
+    font-size: 1rem;
+  }
+  .address--xl {
+    font-size: 1.125rem;
+  }
 
-  .address--loading { opacity: 0.6; }
+  .address--loading {
+    opacity: 0.6;
+  }
   .address--error .address__value,
-  .address--invalid .address__value { color: var(--color-error); }
+  .address--invalid .address__value {
+    color: var(--color-error);
+  }
 
   .address--disabled {
     opacity: 0.5;
     pointer-events: none;
   }
 
-  .address--hidden { display: none; }
+  .address--hidden {
+    display: none;
+  }
 }

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

@@ -1,5 +1,5 @@
-export { AddressLayout as default, AddressLayout as Address } from "./Address.generated";
 export type { AddressProps, AddressTruncate } from "./Address.generated";
-export { address } from "./Address.recipe";
-export { truncateAddress, copyAddress, COPY_FEEDBACK_MS, DEFAULT_LEAD, DEFAULT_TAIL, } from "./Address.interactions";
+export { AddressLayout as default, AddressLayout as Address, } from "./Address.generated";
 export type { TruncateOptions } from "./Address.interactions";
+export { COPY_FEEDBACK_MS, copyAddress, DEFAULT_LEAD, DEFAULT_TAIL, truncateAddress, } from "./Address.interactions";
+export { address } from "./Address.recipe";

package/dist/components/address/index.js

@@ -1,3 +1,3 @@
 export { AddressLayout as Address, AddressLayout as default } from "./Address.generated.js";
-export { address } from "./Address.recipe.js";
 export { COPY_FEEDBACK_MS, DEFAULT_LEAD, DEFAULT_TAIL, copyAddress, truncateAddress } from "./Address.interactions.js";
+export { address } from "./Address.recipe.js";

package/dist/components/alert/Alert.css

@@ -73,7 +73,11 @@
   }
 
   .alert--soft {
-    --alert-bg: color-mix(in oklab, var(--alert-accent), var(--color-base-100) 86%);
+    --alert-bg: color-mix(
+      in oklab,
+      var(--alert-accent),
+      var(--color-base-100) 86%
+    );
     --alert-fg: var(--color-base-content);
     --alert-border: transparent;
   }
@@ -154,7 +158,9 @@
     color: inherit;
     cursor: pointer;
     opacity: 0.6;
-    transition: opacity 100ms ease, background-color 100ms ease;
+    transition:
+      opacity 100ms ease,
+      background-color 100ms ease;
   }
 
   .alert__dismiss:hover {

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

@@ -1,3 +1,3 @@
-export { AlertLayout as default, AlertLayout as Alert } from "./Alert.generated";
-export type { AlertProps, AlertPlacement } from "./Alert.generated";
+export type { AlertPlacement, AlertProps } from "./Alert.generated";
+export { AlertLayout as default, AlertLayout as Alert, } from "./Alert.generated";
 export { alert } from "./Alert.recipe";

package/dist/components/auth-card/index.d.ts

@@ -1,2 +1,2 @@
-export { AuthCardLayout as default, AuthCardLayout as AuthCard } from "./AuthCard.generated";
 export type { AuthCardProps } from "./AuthCard.generated";
+export { AuthCardLayout as default, AuthCardLayout as AuthCard, } from "./AuthCard.generated";

package/dist/components/auth-field-group/index.d.ts

@@ -1,2 +1,2 @@
+export type { AuthFieldGroupGap, AuthFieldGroupProps, } from "./AuthFieldGroup.generated";
 export { AuthFieldGroupLayout as default, AuthFieldGroupLayout as AuthFieldGroup, } from "./AuthFieldGroup.generated";
-export type { AuthFieldGroupProps, AuthFieldGroupGap } from "./AuthFieldGroup.generated";

package/dist/components/auth-footer-links/index.d.ts

@@ -1,2 +1,2 @@
+export type { AuthFooterLinkItem, AuthFooterLinksAlign, AuthFooterLinksProps, } from "./AuthFooterLinks.generated";
 export { AuthFooterLinksLayout as default, AuthFooterLinksLayout as AuthFooterLinks, } from "./AuthFooterLinks.generated";
-export type { AuthFooterLinksProps, AuthFooterLinkItem, AuthFooterLinksAlign, } from "./AuthFooterLinks.generated";

package/dist/components/auth-message/index.d.ts

@@ -1,2 +1,2 @@
-export { AuthMessageLayout as default, AuthMessageLayout as AuthMessage } from "./AuthMessage.generated";
 export type { AuthMessageProps } from "./AuthMessage.generated";
+export { AuthMessageLayout as default, AuthMessageLayout as AuthMessage, } from "./AuthMessage.generated";

package/dist/components/auth-powered-by/index.d.ts

@@ -1,2 +1,2 @@
+export type { AuthPoweredByAlign, AuthPoweredByProps, AuthPoweredByVariant, } from "./AuthPoweredBy.generated";
 export { AuthPoweredByLayout as default, AuthPoweredByLayout as AuthPoweredBy, } from "./AuthPoweredBy.generated";
-export type { AuthPoweredByProps, AuthPoweredByAlign, AuthPoweredByVariant, } from "./AuthPoweredBy.generated";

package/dist/components/auth-submit-button/index.d.ts

@@ -1,2 +1,2 @@
-export { AuthSubmitButtonLayout as default, AuthSubmitButtonLayout as AuthSubmitButton, } from "./AuthSubmitButton.generated";
 export type { AuthSubmitButtonProps } from "./AuthSubmitButton.generated";
+export { AuthSubmitButtonLayout as default, AuthSubmitButtonLayout as AuthSubmitButton, } from "./AuthSubmitButton.generated";

package/dist/components/avatar/Avatar.css

@@ -71,10 +71,6 @@
    * Fallback color modifiers
    * -----------------------------------------------------------------------------------------------*/
 
-
-
-
-
   /* -------------------------------------------------------------------------------------------------
    * Variant: soft
    * -----------------------------------------------------------------------------------------------*/
@@ -88,12 +84,20 @@
   }
 
   .avatar--soft .avatar__fallback--success {
-    background-color: color-mix(in oklab, var(--color-success) 12%, transparent);
+    background-color: color-mix(
+      in oklab,
+      var(--color-success) 12%,
+      transparent
+    );
     color: var(--color-success);
   }
 
   .avatar--soft .avatar__fallback--warning {
-    background-color: color-mix(in oklab, var(--color-warning) 12%, transparent);
+    background-color: color-mix(
+      in oklab,
+      var(--color-warning) 12%,
+      transparent
+    );
     color: var(--color-warning);
   }
 

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

@@ -1 +1 @@
-export { default, AvatarRoot, AvatarImage, AvatarFallback, type AvatarSize, type AvatarVariant, type AvatarRootProps, type AvatarImageProps, type AvatarFallbackProps, } from "./Avatar.generated";
+export { AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, AvatarRoot, type AvatarRootProps, type AvatarSize, type AvatarVariant, default, } from "./Avatar.generated";

package/dist/components/badge/Badge.css

@@ -172,5 +172,4 @@
     left: 0;
     transform: translate(-25%, 25%);
   }
-
 }

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

@@ -5,5 +5,5 @@ declare const Badge: import("solid-js").Component<import("./Badge.generated").Ba
     Root: import("solid-js").Component<import("./Badge.generated").BadgeRootProps>;
 };
 export default Badge;
-export { Badge, BadgeRoot, BadgeLabel, BadgeAnchor };
-export type { BadgeRootProps, BadgeRootProps as BadgeProps, BadgeLabelProps, BadgeAnchorProps, } from "./Badge.generated";
+export type { BadgeAnchorProps, BadgeLabelProps, BadgeRootProps, BadgeRootProps as BadgeProps, } from "./Badge.generated";
+export { Badge, BadgeAnchor, BadgeLabel, BadgeRoot };

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

@@ -1 +1 @@
-export { default as Breadcrumb, BreadcrumbRoot, BreadcrumbItem, type BreadcrumbRootProps, type BreadcrumbItemProps, } from "./Breadcrumb.generated";
+export { BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbRoot, type BreadcrumbRootProps, default as Breadcrumb, } from "./Breadcrumb.generated";

package/dist/components/button/Button.css

@@ -139,24 +139,52 @@
    * --------------------------------------------------------------------- */
   .button--solid {
     --button-bg: var(--button-accent);
-    --button-bg-hover: color-mix(in oklab, var(--button-accent), var(--shade, var(--color-base-content)) var(--shade-hover, 8%));
-    --button-bg-pressed: color-mix(in oklab, var(--button-accent), var(--shade, var(--color-base-content)) var(--shade-pressed, 12%));
+    --button-bg-hover: color-mix(
+      in oklab,
+      var(--button-accent),
+      var(--shade, var(--color-base-content)) var(--shade-hover, 8%)
+    );
+    --button-bg-pressed: color-mix(
+      in oklab,
+      var(--button-accent),
+      var(--shade, var(--color-base-content)) var(--shade-pressed, 12%)
+    );
     --button-fg: var(--button-accent-fg);
     --button-border: transparent;
   }
 
   .button--soft {
-    --button-bg: color-mix(in oklab, var(--button-accent), var(--color-base-100) 86%);
-    --button-bg-hover: color-mix(in oklab, var(--button-accent), var(--color-base-100) 80%);
-    --button-bg-pressed: color-mix(in oklab, var(--button-accent), var(--color-base-100) 74%);
+    --button-bg: color-mix(
+      in oklab,
+      var(--button-accent),
+      var(--color-base-100) 86%
+    );
+    --button-bg-hover: color-mix(
+      in oklab,
+      var(--button-accent),
+      var(--color-base-100) 80%
+    );
+    --button-bg-pressed: color-mix(
+      in oklab,
+      var(--button-accent),
+      var(--color-base-100) 74%
+    );
     --button-fg: var(--button-accent);
     --button-border: transparent;
   }
 
   .button--outline {
     --button-bg: transparent;
-    --button-bg-hover: color-mix(in oklab, var(--button-accent), transparent 88%);
-    --button-bg-pressed: color-mix(in oklab, var(--button-accent), transparent 80%);
+    --button-bg-hover: color-mix(
+      in oklab,
+      var(--button-accent),
+      transparent 88%
+    );
+    --button-bg-pressed: color-mix(
+      in oklab,
+      var(--button-accent),
+      transparent 80%
+    );
     --button-fg: var(--button-accent);
     --button-border: var(--button-accent);
   }

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

@@ -1,3 +1,3 @@
-export { ButtonLayout as default, ButtonLayout as Button } from "./Button.generated";
 export type { ButtonProps } from "./Button.generated";
+export { ButtonLayout as default, ButtonLayout as Button, } from "./Button.generated";
 export { button } from "./Button.recipe";

package/dist/components/button-group/ButtonGroup.css

@@ -94,7 +94,8 @@
     border-inline-start-width: 0;
   }
 
-  .button-group--horizontal .button--outline:not(:first-child):not(:last-child) {
+  .button-group--horizontal
+    .button--outline:not(:first-child):not(:last-child) {
     border-inline-width: 0;
   }
 

package/dist/components/button-group/index.d.ts

@@ -1 +1 @@
-export { default, ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, type ButtonGroupProps, type ButtonGroupRootProps, type ButtonGroupSeparatorProps, type ButtonGroupOrientation, } from "./ButtonGroup.generated";
+export { ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, ButtonGroupRoot, type ButtonGroupRootProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, default, } from "./ButtonGroup.generated";

package/dist/components/calendar/Calendar.css

@@ -102,7 +102,10 @@
     text-align: center;
     font-size: 0.75rem;
     font-weight: 500;
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+    color: var(
+      --color-muted,
+      color-mix(in oklab, var(--color-base-content) 45%, transparent)
+    );
   }
 
   .calendar__day-wrapper {
@@ -208,24 +211,34 @@
   }
 
   .calendar__cell:active:not(:disabled):not(.calendar__cell--selected),
-  .calendar__cell[data-pressed="true"]:not(:disabled):not(.calendar__cell--selected) {
+  .calendar__cell[data-pressed="true"]:not(:disabled):not(
+    .calendar__cell--selected
+  ) {
     background-color: var(--color-default, var(--color-base-200));
   }
 
   .calendar__cell:active.calendar__cell--selected:not(:disabled),
   .calendar__cell[data-pressed="true"].calendar__cell--selected:not(:disabled) {
-    background-color: var(--color-accent-hover, color-mix(in oklab, var(--color-accent) 88%, black));
+    background-color: var(
+      --color-accent-hover,
+      color-mix(in oklab, var(--color-accent) 88%, black)
+    );
   }
 
   @media (hover: hover) {
     .calendar__cell:hover:not(:disabled):not(.calendar__cell--selected),
-    .calendar__cell[data-hovered="true"]:not(:disabled):not(.calendar__cell--selected) {
+    .calendar__cell[data-hovered="true"]:not(:disabled):not(
+        .calendar__cell--selected
+      ) {
       background-color: var(--color-default, var(--color-base-200));
     }
   }
 
   .calendar__cell--outside-month {
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 45%, transparent));
+    color: var(
+      --color-muted,
+      color-mix(in oklab, var(--color-base-content) 45%, transparent)
+    );
     opacity: 0.5;
   }
 

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

@@ -1 +1 @@
-export { default, type CalendarProps, type CalendarWeekdayFormat, type CalendarSelectionMode, type CalendarDaySelectHandler, type CalendarDayHoverHandler, } from "./Calendar.generated";
+export { type CalendarDayHoverHandler, type CalendarDaySelectHandler, type CalendarProps, type CalendarSelectionMode, type CalendarWeekdayFormat, default, } from "./Calendar.generated";

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

@@ -1,4 +1,4 @@
-import { CardHeaderLayout, CardBodyLayout, CardFooterLayout } from "./Card.generated";
+import { CardBodyLayout, CardFooterLayout, CardHeaderLayout } from "./Card.generated";
 /**
  * `Card.Body` is used at 92 call sites across 7 apps, so the compound statics
  * are reattached here. The parts carry their own recipes, which is why this
@@ -11,6 +11,6 @@ declare const Card: import("solid-js").Component<import("./Card.generated").Card
     Content: import("solid-js").Component<import("./Card.generated").CardSectionProps>;
     Footer: import("solid-js").Component<import("./Card.generated").CardSectionProps>;
 };
-export { Card as default, Card, CardHeaderLayout as CardHeader, CardBodyLayout as CardBody, CardFooterLayout as CardFooter };
-export type { CardProps, CardSectionProps, CardMaterial, CardElevation } from "./Card.generated";
-export { card, cardHeader, cardBody, cardFooter } from "./Card.recipe";
+export type { CardElevation, CardMaterial, CardProps, CardSectionProps, } from "./Card.generated";
+export { card, cardBody, cardFooter, cardHeader } from "./Card.recipe";
+export { Card as default, Card, CardBodyLayout as CardBody, CardFooterLayout as CardFooter, CardHeaderLayout as CardHeader, };

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

@@ -1 +1 @@
-export { default, type ChatBubbleProps } from "./ChatBubble.generated";
+export { type ChatBubbleProps, default } from "./ChatBubble.generated";

package/dist/components/checkbox/Checkbox.css

@@ -87,7 +87,8 @@
       opacity 120ms ease;
   }
 
-  .checkbox[data-selected="true"] [data-slot="checkbox-default-indicator--checkmark"] {
+  .checkbox[data-selected="true"]
+    [data-slot="checkbox-default-indicator--checkmark"] {
     stroke-dashoffset: 44;
     opacity: 1;
     transition: stroke-dashoffset 150ms linear 15ms;
@@ -115,18 +116,27 @@
   .checkbox__input:focus-visible + .checkbox__control,
   .checkbox[data-focus-visible="true"] .checkbox__control {
     border-color: var(--color-accent);
-    box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-accent) 22%, transparent);
+    box-shadow: 0 0 0 3px
+      color-mix(in oklab, var(--color-accent) 22%, transparent);
   }
 
   @media (hover: hover) {
     .checkbox:hover .checkbox__control,
     .checkbox[data-hovered="true"] .checkbox__control {
-      border-color: color-mix(in oklab, var(--color-base-content) 24%, transparent);
+      border-color: color-mix(
+        in oklab,
+        var(--color-base-content) 24%,
+        transparent
+      );
     }
 
     .checkbox:hover .checkbox__control::before,
     .checkbox[data-hovered="true"] .checkbox__control::before {
-      background-color: color-mix(in oklab, var(--color-accent), var(--shade, var(--color-base-content)) var(--shade-hover, 8%));
+      background-color: color-mix(
+        in oklab,
+        var(--color-accent),
+        var(--shade, var(--color-base-content)) var(--shade-hover, 8%)
+      );
     }
   }
 
@@ -146,7 +156,10 @@
     opacity: 1;
   }
 
-  .checkbox[data-invalid="true"]:not([data-selected="true"]):not([data-indeterminate="true"]) .checkbox__control {
+  .checkbox[data-invalid="true"]:not([data-selected="true"]):not(
+      [data-indeterminate="true"]
+    )
+    .checkbox__control {
     border-color: var(--color-error);
   }
 
@@ -155,13 +168,17 @@
     color: var(--color-error-content);
   }
 
-  .checkbox[data-invalid="true"][data-selected="true"] .checkbox__control::before,
-  .checkbox[data-invalid="true"][data-indeterminate="true"] .checkbox__control::before {
+  .checkbox[data-invalid="true"][data-selected="true"]
+    .checkbox__control::before,
+  .checkbox[data-invalid="true"][data-indeterminate="true"]
+    .checkbox__control::before {
     background-color: var(--color-error);
   }
 
-  .checkbox[data-invalid="true"][data-selected="true"] [data-slot="checkbox-default-indicator--checkmark"],
-  .checkbox[data-invalid="true"][data-indeterminate="true"] [data-slot="checkbox-default-indicator--indeterminate"] {
+  .checkbox[data-invalid="true"][data-selected="true"]
+    [data-slot="checkbox-default-indicator--checkmark"],
+  .checkbox[data-invalid="true"][data-indeterminate="true"]
+    [data-slot="checkbox-default-indicator--indeterminate"] {
     color: var(--color-error-content);
   }
 

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

@@ -1 +1 @@
-export { default, type CheckboxProps, type CheckboxVariant } from "./Checkbox.generated";
+export { type CheckboxProps, type CheckboxVariant, default, } from "./Checkbox.generated";

package/dist/components/checkbox-group/index.d.ts

@@ -1,4 +1,4 @@
 import CheckboxGroup from "./CheckboxGroup.generated";
-export type { CheckboxGroupProps, CheckboxGroupVariant } from "./CheckboxGroup.generated";
+export type { CheckboxGroupProps, CheckboxGroupVariant, } from "./CheckboxGroup.generated";
 export { CheckboxGroup };
 export default CheckboxGroup;