sherick-ui 2.7.1 → 2.9.0

package/dist/styles.css

@@ -6,6 +6,7 @@
   --sui-canvas: 0.970 0.003 290;
   --sui-surface: 0.998 0.001 290;
   --sui-surface-high: 0.934 0.006 290;
+  --sui-tray-deep: 0.900 0.008 290;
   --sui-surface-float: 0.999 0.001 290;
   --sui-puck: 1 0 0;
   --sui-media: 0.200 0.008 285;
@@ -75,6 +76,7 @@
   --sui-canvas: 0.160 0.006 285;
   --sui-surface: 0.200 0.008 285;
   --sui-surface-high: 0.252 0.010 285;
+  --sui-tray-deep: 0.290 0.011 285;
   --sui-surface-float: 0.226 0.009 285;
   --sui-puck: 0.315 0.012 285;
   --sui-media: 0.160 0.006 285;
@@ -145,6 +147,7 @@
   --sui-canvas: 0.160 0.006 285;
   --sui-surface: 0.200 0.008 285;
   --sui-surface-high: 0.252 0.010 285;
+  --sui-tray-deep: 0.290 0.011 285;
   --sui-surface-float: 0.226 0.009 285;
   --sui-puck: 0.315 0.012 285;
   --sui-media: 0.160 0.006 285;
@@ -401,10 +404,6 @@
     margin-top: -0.625rem;
     margin-bottom: -0.625rem
 }
-:where(.sui-scope).-my-\[0\.6875rem\] {
-    margin-top: -0.6875rem;
-    margin-bottom: -0.6875rem
-}
 :where(.sui-scope).mx-3 {
     margin-left: 0.75rem;
     margin-right: 0.75rem
@@ -619,9 +618,6 @@
 :where(.sui-scope).h-8 {
     height: 2rem
 }
-:where(.sui-scope).h-\[1\.375rem\] {
-    height: 1.375rem
-}
 :where(.sui-scope).h-\[1lh\] {
     height: 1lh
 }
@@ -1117,18 +1113,6 @@
 :where(.sui-scope).border-transparent {
     border-color: transparent
 }
-:where(.sui-scope).border-b-sherick-danger {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-danger) / var(--tw-border-opacity, 1))
-}
-:where(.sui-scope).border-b-sherick-ink-muted {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-ink-muted) / var(--tw-border-opacity, 1))
-}
-:where(.sui-scope).border-b-sherick-rim {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-rim) / var(--tw-border-opacity, 1))
-}
 :where(.sui-scope).border-e-transparent {
     border-inline-end-color: transparent
 }
@@ -1157,9 +1141,6 @@
     --tw-bg-opacity: 1;
     background-color: oklch(var(--sui-danger-soft) / var(--tw-bg-opacity, 1))
 }
-:where(.sui-scope).bg-sherick-danger-soft\/\[0\.55\] {
-    background-color: oklch(var(--sui-danger-soft) / 0.55)
-}
 :where(.sui-scope).bg-sherick-detail {
     --tw-bg-opacity: 1;
     background-color: oklch(var(--sui-detail) / var(--tw-bg-opacity, 1))
@@ -1219,9 +1200,6 @@
 :where(.sui-scope).bg-sherick-surface-high\/\[0\.56\] {
     background-color: oklch(var(--sui-surface-high) / 0.56)
 }
-:where(.sui-scope).bg-sherick-surface-high\/\[0\.6\] {
-    background-color: oklch(var(--sui-surface-high) / 0.6)
-}
 :where(.sui-scope).bg-sherick-surface-high\/\[0\.72\] {
     background-color: oklch(var(--sui-surface-high) / 0.72)
 }
@@ -1237,6 +1215,10 @@
 :where(.sui-scope).bg-sherick-surface\/\[0\.78\] {
     background-color: oklch(var(--sui-surface) / 0.78)
 }
+:where(.sui-scope).bg-sherick-tray-deep {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--sui-tray-deep) / var(--tw-bg-opacity, 1))
+}
 :where(.sui-scope).bg-sherick-warning {
     --tw-bg-opacity: 1;
     background-color: oklch(var(--sui-warning) / var(--tw-bg-opacity, 1))
@@ -1285,9 +1267,6 @@
 :where(.sui-scope).p-1 {
     padding: 0.25rem
 }
-:where(.sui-scope).p-1\.5 {
-    padding: 0.375rem
-}
 :where(.sui-scope).p-2 {
     padding: 0.5rem
 }
@@ -2017,6 +1996,10 @@
     --tw-border-opacity: 1;
     border-color: oklch(var(--sui-rim) / var(--tw-border-opacity, 1))
 }
+:where(.sui-scope).after\:border-transparent::after {
+    content: var(--tw-content);
+    border-color: transparent
+}
 :where(.sui-scope).after\:bg-sherick-rim::after {
     content: var(--tw-content);
     --tw-bg-opacity: 1;
@@ -2064,18 +2047,16 @@
 :where(.sui-scope).last\:border-b-0:last-child {
     border-bottom-width: 0px
 }
-:where(.sui-scope).hover\:border-b-sherick-ink-muted:hover {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-ink-muted) / var(--tw-border-opacity, 1))
-}
-:where(.sui-scope).hover\:bg-sherick-danger-soft\/\[0\.55\]:hover {
-    background-color: oklch(var(--sui-danger-soft) / 0.55)
+:where(.sui-scope).hover\:bg-sherick-danger-soft:hover {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--sui-danger-soft) / var(--tw-bg-opacity, 1))
 }
 :where(.sui-scope).hover\:bg-sherick-ink\/\[0\.05\]:hover {
     background-color: oklch(var(--sui-ink) / 0.05)
 }
-:where(.sui-scope).hover\:bg-sherick-surface-high\/\[0\.82\]:hover {
-    background-color: oklch(var(--sui-surface-high) / 0.82)
+:where(.sui-scope).hover\:bg-sherick-tray-deep:hover {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--sui-tray-deep) / var(--tw-bg-opacity, 1))
 }
 :where(.sui-scope).hover\:text-sherick-ink:hover {
     --tw-text-opacity: 1;
@@ -2089,16 +2070,13 @@
     --tw-bg-opacity: 1;
     background-color: oklch(var(--sui-ink-muted) / var(--tw-bg-opacity, 1))
 }
-:where(.sui-scope).focus\:border-b-sherick-ink-muted:focus {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-ink-muted) / var(--tw-border-opacity, 1))
-}
-:where(.sui-scope).focus\:bg-sherick-danger-soft\/\[0\.55\]:focus {
-    background-color: oklch(var(--sui-danger-soft) / 0.55)
+:where(.sui-scope).focus\:bg-sherick-danger-soft:focus {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--sui-danger-soft) / var(--tw-bg-opacity, 1))
 }
-:where(.sui-scope).focus\:bg-sherick-surface-high:focus {
+:where(.sui-scope).focus\:bg-sherick-tray-deep:focus {
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--sui-surface-high) / var(--tw-bg-opacity, 1))
+    background-color: oklch(var(--sui-tray-deep) / var(--tw-bg-opacity, 1))
 }
 :where(.sui-scope).focus\:outline-none:focus {
     outline: 2px solid transparent;
@@ -2267,6 +2245,11 @@
 :where(.sui-scope).has-\[\:focus-visible\]\:outline-sherick-focus:has(:focus-visible) {
     outline-color: oklch(var(--sui-focus) / 1)
 }
+:where(.sui-scope).has-\[\[data-checked\]\]\:after\:border-sherick-primary:has([data-checked])::after {
+    content: var(--tw-content);
+    --tw-border-opacity: 1;
+    border-color: oklch(var(--sui-primary) / var(--tw-border-opacity, 1))
+}
 :where(.sui-scope).group:has([data-checked]) :where(.sui-scope).group-has-\[\[data-checked\]\]\:text-sherick-ink {
     --tw-text-opacity: 1;
     color: oklch(var(--sui-ink) / var(--tw-text-opacity, 1))
@@ -2304,16 +2287,13 @@
 :where(.sui-scope).data-\[orientation\=vertical\]\:items-stretch[data-orientation="vertical"] {
     align-items: stretch
 }
-:where(.sui-scope).data-\[invalid\]\:border-b-sherick-danger[data-invalid] {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-danger) / var(--tw-border-opacity, 1))
-}
 :where(.sui-scope).data-\[dragging\]\:bg-sherick-primary-strong[data-dragging] {
     --tw-bg-opacity: 1;
     background-color: oklch(var(--sui-primary-strong) / var(--tw-bg-opacity, 1))
 }
-:where(.sui-scope).data-\[invalid\]\:bg-sherick-danger-soft\/\[0\.55\][data-invalid] {
-    background-color: oklch(var(--sui-danger-soft) / 0.55)
+:where(.sui-scope).data-\[invalid\]\:bg-sherick-danger-soft[data-invalid] {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--sui-danger-soft) / var(--tw-bg-opacity, 1))
 }
 :where(.sui-scope).data-\[dragging\]\:text-sherick-on-primary[data-dragging] {
     --tw-text-opacity: 1;
@@ -2456,12 +2436,9 @@
     --tw-bg-opacity: 1;
     background-color: oklch(var(--sui-primary) / var(--tw-bg-opacity, 1))
 }
-:where(.sui-scope).data-\[invalid\]\:hover\:border-b-sherick-danger:hover[data-invalid] {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-danger) / var(--tw-border-opacity, 1))
-}
-:where(.sui-scope).data-\[invalid\]\:hover\:bg-sherick-danger-soft\/\[0\.55\]:hover[data-invalid] {
-    background-color: oklch(var(--sui-danger-soft) / 0.55)
+:where(.sui-scope).data-\[invalid\]\:hover\:bg-sherick-danger-soft:hover[data-invalid] {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--sui-danger-soft) / var(--tw-bg-opacity, 1))
 }
 :where(.sui-scope).group[data-checked] :where(.sui-scope).group-data-\[checked\]\:h-6 {
     height: 1.5rem
@@ -2668,20 +2645,20 @@
         outline-style: none
     }
 }
-:where(.sui-scope).\[\&\&\]\:focus-within\:border-b-sherick-ink-muted:focus-within.\[\&\&\]\:focus-within\:border-b-sherick-ink-muted:focus-within {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-ink-muted) / var(--tw-border-opacity, 1))
-}
-:where(.sui-scope).\[\&\&\]\:focus-within\:bg-sherick-surface-high:focus-within.\[\&\&\]\:focus-within\:bg-sherick-surface-high:focus-within {
+:where(.sui-scope).\[\&\&\]\:focus-within\:bg-sherick-tray-deep:focus-within.\[\&\&\]\:focus-within\:bg-sherick-tray-deep:focus-within {
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--sui-surface-high) / var(--tw-bg-opacity, 1))
+    background-color: oklch(var(--sui-tray-deep) / var(--tw-bg-opacity, 1))
 }
-:where(.sui-scope).\[\&\&\]\:data-\[invalid\]\:focus-within\:border-b-sherick-danger:focus-within[data-invalid].\[\&\&\]\:data-\[invalid\]\:focus-within\:border-b-sherick-danger:focus-within[data-invalid] {
-    --tw-border-opacity: 1;
-    border-bottom-color: oklch(var(--sui-danger) / var(--tw-border-opacity, 1))
+:where(.sui-scope).\[\&\&\]\:data-\[invalid\]\:focus-within\:bg-sherick-danger-soft:focus-within[data-invalid].\[\&\&\]\:data-\[invalid\]\:focus-within\:bg-sherick-danger-soft:focus-within[data-invalid] {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--sui-danger-soft) / var(--tw-bg-opacity, 1))
 }
-:where(.sui-scope).\[\&\&\]\:data-\[invalid\]\:focus-within\:bg-sherick-danger-soft\/\[0\.55\]:focus-within[data-invalid].\[\&\&\]\:data-\[invalid\]\:focus-within\:bg-sherick-danger-soft\/\[0\.55\]:focus-within[data-invalid] {
-    background-color: oklch(var(--sui-danger-soft) / 0.55)
+@media (prefers-reduced-motion: no-preference) {
+    :where(.sui-scope).motion-safe\:\[\&\.w-full\:not\(\[data-disabled\]\2c \:disabled\2c \:has\(\>\[role\=combobox\]\[data-disabled\]\)\)\]\:active\:scale-\[0\.985\]:active.w-full:not([data-disabled],:disabled,:has(>[role=combobox][data-disabled])) {
+        --tw-scale-x: 0.985;
+        --tw-scale-y: 0.985;
+        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+    }
 }
 :where(.sui-scope).\[\&\:has\(\+div\:not\(\[data-open\]\)\:hover\)\]\:opacity-0:has(+div:not([data-open]):hover) {
     opacity: 0
@@ -2769,6 +2746,15 @@
 :where(.sui-scope).\[\&\[data-ending-style\]\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(var\(--sui-toast-from-y\2c 150\%\)\)\][data-ending-style]:not([data-swipe-direction]) {
     transform: translateY(var(--sui-toast-from-y,150%))
 }
+:where(.sui-scope).\[\&_\*\]\:\[stroke-width\:1\.5px\] * {
+    stroke-width: 1.5px
+}
+:where(.sui-scope).\[\&_\*\]\:\[stroke-width\:1\.75px\] * {
+    stroke-width: 1.75px
+}
+:where(.sui-scope).\[\&_\*\]\:\[vector-effect\:non-scaling-stroke\] * {
+    vector-effect: non-scaling-stroke
+}
 :focus-visible>:where(.sui-scope).\[\:focus-visible\>\&\]\:ring-2 {
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

package/dist/theme.css

@@ -6,6 +6,7 @@
   --sui-canvas: 0.970 0.003 290;
   --sui-surface: 0.998 0.001 290;
   --sui-surface-high: 0.934 0.006 290;
+  --sui-tray-deep: 0.900 0.008 290;
   --sui-surface-float: 0.999 0.001 290;
   --sui-puck: 1 0 0;
   --sui-media: 0.200 0.008 285;
@@ -75,6 +76,7 @@
   --sui-canvas: 0.160 0.006 285;
   --sui-surface: 0.200 0.008 285;
   --sui-surface-high: 0.252 0.010 285;
+  --sui-tray-deep: 0.290 0.011 285;
   --sui-surface-float: 0.226 0.009 285;
   --sui-puck: 0.315 0.012 285;
   --sui-media: 0.160 0.006 285;
@@ -145,6 +147,7 @@
   --sui-canvas: 0.160 0.006 285;
   --sui-surface: 0.200 0.008 285;
   --sui-surface-high: 0.252 0.010 285;
+  --sui-tray-deep: 0.290 0.011 285;
   --sui-surface-float: 0.226 0.009 285;
   --sui-puck: 0.315 0.012 285;
   --sui-media: 0.160 0.006 285;

package/dist/types/dev.d.cts

@@ -33,8 +33,7 @@ declare const edgeTone: {
     readonly rule: "border-sherick-edge/[0.075]";
 };
 declare const rim: {
-    readonly field: "border-[1.5px] border-transparent border-b-sherick-rim";
-    readonly fieldError: "border-[1.5px] border-transparent border-b-sherick-danger";
+    readonly field: "border-[1.5px] border-transparent";
     readonly dashed: string;
     readonly dashedHover: "hover:after:bg-sherick-ink-muted";
     readonly dashedDragging: "data-[dragging]:after:bg-sherick-primary";
@@ -56,17 +55,17 @@ declare const state: {
     readonly text: "cursor-text";
     readonly rowHover: "hover:bg-sherick-ink/[0.05]";
     readonly field: {
-        readonly hover: "hover:bg-sherick-surface-high/[0.82] hover:border-b-sherick-ink-muted";
-        readonly focus: "focus:bg-sherick-surface-high focus:border-b-sherick-ink-muted";
-        readonly focusWithin: "[&&]:focus-within:bg-sherick-surface-high [&&]:focus-within:border-b-sherick-ink-muted";
-        readonly engaged: "bg-sherick-surface-high border-b-sherick-ink-muted";
-        readonly errorHover: "hover:bg-sherick-danger-soft/[0.55]";
-        readonly errorFocus: "focus:bg-sherick-danger-soft/[0.55]";
-        readonly errorEngaged: "bg-sherick-danger-soft/[0.55]";
-        readonly invalid: "data-[invalid]:bg-sherick-danger-soft/[0.55] data-[invalid]:border-b-sherick-danger";
-        readonly invalidHover: "data-[invalid]:hover:bg-sherick-danger-soft/[0.55] data-[invalid]:hover:border-b-sherick-danger";
-        readonly invalidEngaged: "data-[invalid]:bg-sherick-danger-soft/[0.55] data-[invalid]:border-b-sherick-danger";
-        readonly invalidFocusWithin: "[&&]:data-[invalid]:focus-within:bg-sherick-danger-soft/[0.55] [&&]:data-[invalid]:focus-within:border-b-sherick-danger";
+        readonly hover: "hover:bg-sherick-tray-deep";
+        readonly focus: "focus:bg-sherick-tray-deep";
+        readonly focusWithin: "[&&]:focus-within:bg-sherick-tray-deep";
+        readonly engaged: "bg-sherick-tray-deep";
+        readonly errorHover: "hover:bg-sherick-danger-soft";
+        readonly errorFocus: "focus:bg-sherick-danger-soft";
+        readonly errorEngaged: "bg-sherick-danger-soft";
+        readonly invalid: "data-[invalid]:bg-sherick-danger-soft";
+        readonly invalidHover: "data-[invalid]:hover:bg-sherick-danger-soft";
+        readonly invalidEngaged: "data-[invalid]:bg-sherick-danger-soft";
+        readonly invalidFocusWithin: "[&&]:data-[invalid]:focus-within:bg-sherick-danger-soft";
     };
 };
 declare const stateLayerQuietComposite: string;
@@ -86,8 +85,8 @@ declare const material: {
     readonly matteQuiet: "bg-sherick-surface/[0.42] text-sherick-ink";
     readonly matte: "bg-sherick-surface/[0.78] text-sherick-ink";
     readonly matteHigh: "bg-sherick-surface-high/[0.72] text-sherick-ink";
-    readonly control: "bg-sherick-surface-high/[0.6] text-sherick-ink placeholder:text-sherick-ink-muted";
-    readonly controlError: "bg-sherick-danger-soft/[0.55] text-sherick-ink placeholder:text-sherick-danger";
+    readonly control: "bg-sherick-surface-high text-sherick-ink placeholder:text-sherick-ink-muted";
+    readonly controlError: "bg-sherick-danger-soft text-sherick-ink placeholder:text-sherick-danger";
     readonly handle: "bg-sherick-ink-muted text-sherick-canvas";
     readonly acrylic: "bg-sherick-surface-float/[var(--sui-glass-fill)] bg-[image:var(--sui-glass-gradient)] text-sherick-ink backdrop-blur-[var(--sui-glass-blur)] backdrop-saturate-[var(--sui-glass-saturation)] backdrop-brightness-[var(--sui-glass-brightness)]";
     readonly acrylicDense: "bg-sherick-surface-float/[var(--sui-glass-dense-fill)] bg-[image:var(--sui-glass-gradient-dense)] text-sherick-ink backdrop-blur-[var(--sui-glass-dense-blur)] backdrop-saturate-[var(--sui-glass-dense-saturation)] backdrop-brightness-[var(--sui-glass-dense-brightness)]";
@@ -101,9 +100,11 @@ declare const type: {
         readonly normal: "text-[0.9375rem] leading-[1.375rem]";
         readonly prominent: "text-lg";
     };
+    readonly label: "text-sm leading-5 font-medium";
+    readonly body: "text-sm leading-6";
     readonly supporting: "text-[0.8125rem] leading-5";
     readonly caption: "text-xs leading-4";
-    readonly title: "text-[0.9375rem] leading-[1.375rem] font-semibold tracking-[-0.011em]";
+    readonly title: "text-base leading-6 font-semibold tracking-[-0.011em]";
     readonly heading: "text-xl leading-7 font-semibold tracking-[-0.02em]";
     readonly numeric: "tabular-nums";
 };
@@ -120,6 +121,10 @@ declare const iconSlot: {
     readonly normal: "inline-flex size-5 shrink-0 items-center justify-center [&>svg]:size-5";
     readonly prominent: "inline-flex size-6 shrink-0 items-center justify-center [&>svg]:size-6";
 };
+declare const iconStroke: {
+    readonly glyph: "[&_*]:[vector-effect:non-scaling-stroke] [&_*]:[stroke-width:1.5px]";
+    readonly mark: "[&_*]:[vector-effect:non-scaling-stroke] [&_*]:[stroke-width:1.75px]";
+};
 declare const stacking: {
     readonly float: "z-50";
     readonly notification: "z-[60]";
@@ -197,9 +202,12 @@ declare const tone: {
         success: string;
     };
 };
-declare const currentDestination = "bg-sherick-primary-soft text-sherick-ink font-medium";
+declare const currentDestination: {
+    readonly row: "bg-sherick-primary-soft text-sherick-ink font-medium";
+    readonly inTrack: "bg-sherick-primary-selected text-sherick-primary font-semibold";
+};
 declare const puck = "bg-sherick-puck";
-declare const selectableRowSurface = "has-[[data-checked]]:bg-sherick-primary-soft has-[[data-checked]]:text-sherick-ink";
+declare const selectableRowSurface: string;
 declare const selectableRowSupporting = "group-has-[[data-checked]]:text-sherick-ink";
 declare const selectable: {
     readonly surface: string;
@@ -248,10 +256,16 @@ declare const recipeAlphas: {
     };
 };
 declare const fieldLayout = "flex min-w-0 w-full flex-col [overflow-wrap:anywhere]";
+declare const fieldLabel: string;
 declare const fieldMessage: {
     readonly description: string;
     readonly error: string;
 };
+declare const codeWell = "bg-sherick-canvas/[0.28]";
+declare const richText: {
+    readonly quoteRule: "border-sherick-primary/[0.45]";
+    readonly linkUnderline: "decoration-sherick-primary/[0.35] hover:decoration-sherick-primary";
+};
 
 type MotionIntent = "feedback" | "tactile" | "arrive" | "orient" | "relocate" | "direct" | "disclose" | "presence" | "activity";
 /** Non-spatial feedback: hover, focus, field tone, a highlighted row, a filled surface.
@@ -349,5 +363,5 @@ declare const motionPresenceToast: string;
  */
 declare const cn: (...inputs: ClassValue[]) => string;
 
-export { cn, currentDestination, density, detail, disclosure, edge, edgeTone, elevation, fieldLayout, fieldMessage, focusRing, focusRingDrag, focusRingHeld, focusRingInset, focusRingWithin, groupFocusRing, hitArea, iconSlot, list, material, matteInset, mediaCanvas, motionActivityIndeterminate, motionActivityPulse, motionActivitySpin, motionArrive, motionDirect, motionDisclose, motionFeedback, motionInkPress, motionOrient, motionPresenceAnchored, motionPresenceModal, motionPresenceScrim, motionPresenceSheet, motionPresenceToast, motionPresenceTooltip, motionRelocate, motionRelocateLong, motionRim, motionRowLayer, motionStateLayer, motionTactile, motionTactileField, motionTactileWide, overlay, parentFocusRingInset, puck, recessedTop, recipeAlphas, rim, selectable, selectableRowSupporting, selectableRowSurface, shape, stacking, state, stateLayer, stateLayerQuietComposite, text, tone, type };
+export { cn, codeWell, currentDestination, density, detail, disclosure, edge, edgeTone, elevation, fieldLabel, fieldLayout, fieldMessage, focusRing, focusRingDrag, focusRingHeld, focusRingInset, focusRingWithin, groupFocusRing, hitArea, iconSlot, iconStroke, list, material, matteInset, mediaCanvas, motionActivityIndeterminate, motionActivityPulse, motionActivitySpin, motionArrive, motionDirect, motionDisclose, motionFeedback, motionInkPress, motionOrient, motionPresenceAnchored, motionPresenceModal, motionPresenceScrim, motionPresenceSheet, motionPresenceToast, motionPresenceTooltip, motionRelocate, motionRelocateLong, motionRim, motionRowLayer, motionStateLayer, motionTactile, motionTactileField, motionTactileWide, overlay, parentFocusRingInset, puck, recessedTop, recipeAlphas, richText, rim, selectable, selectableRowSupporting, selectableRowSurface, shape, stacking, state, stateLayer, stateLayerQuietComposite, text, tone, type };
 export type { MotionIntent };

package/dist/types/dev.d.ts

@@ -33,8 +33,7 @@ declare const edgeTone: {
     readonly rule: "border-sherick-edge/[0.075]";
 };
 declare const rim: {
-    readonly field: "border-[1.5px] border-transparent border-b-sherick-rim";
-    readonly fieldError: "border-[1.5px] border-transparent border-b-sherick-danger";
+    readonly field: "border-[1.5px] border-transparent";
     readonly dashed: string;
     readonly dashedHover: "hover:after:bg-sherick-ink-muted";
     readonly dashedDragging: "data-[dragging]:after:bg-sherick-primary";
@@ -56,17 +55,17 @@ declare const state: {
     readonly text: "cursor-text";
     readonly rowHover: "hover:bg-sherick-ink/[0.05]";
     readonly field: {
-        readonly hover: "hover:bg-sherick-surface-high/[0.82] hover:border-b-sherick-ink-muted";
-        readonly focus: "focus:bg-sherick-surface-high focus:border-b-sherick-ink-muted";
-        readonly focusWithin: "[&&]:focus-within:bg-sherick-surface-high [&&]:focus-within:border-b-sherick-ink-muted";
-        readonly engaged: "bg-sherick-surface-high border-b-sherick-ink-muted";
-        readonly errorHover: "hover:bg-sherick-danger-soft/[0.55]";
-        readonly errorFocus: "focus:bg-sherick-danger-soft/[0.55]";
-        readonly errorEngaged: "bg-sherick-danger-soft/[0.55]";
-        readonly invalid: "data-[invalid]:bg-sherick-danger-soft/[0.55] data-[invalid]:border-b-sherick-danger";
-        readonly invalidHover: "data-[invalid]:hover:bg-sherick-danger-soft/[0.55] data-[invalid]:hover:border-b-sherick-danger";
-        readonly invalidEngaged: "data-[invalid]:bg-sherick-danger-soft/[0.55] data-[invalid]:border-b-sherick-danger";
-        readonly invalidFocusWithin: "[&&]:data-[invalid]:focus-within:bg-sherick-danger-soft/[0.55] [&&]:data-[invalid]:focus-within:border-b-sherick-danger";
+        readonly hover: "hover:bg-sherick-tray-deep";
+        readonly focus: "focus:bg-sherick-tray-deep";
+        readonly focusWithin: "[&&]:focus-within:bg-sherick-tray-deep";
+        readonly engaged: "bg-sherick-tray-deep";
+        readonly errorHover: "hover:bg-sherick-danger-soft";
+        readonly errorFocus: "focus:bg-sherick-danger-soft";
+        readonly errorEngaged: "bg-sherick-danger-soft";
+        readonly invalid: "data-[invalid]:bg-sherick-danger-soft";
+        readonly invalidHover: "data-[invalid]:hover:bg-sherick-danger-soft";
+        readonly invalidEngaged: "data-[invalid]:bg-sherick-danger-soft";
+        readonly invalidFocusWithin: "[&&]:data-[invalid]:focus-within:bg-sherick-danger-soft";
     };
 };
 declare const stateLayerQuietComposite: string;
@@ -86,8 +85,8 @@ declare const material: {
     readonly matteQuiet: "bg-sherick-surface/[0.42] text-sherick-ink";
     readonly matte: "bg-sherick-surface/[0.78] text-sherick-ink";
     readonly matteHigh: "bg-sherick-surface-high/[0.72] text-sherick-ink";
-    readonly control: "bg-sherick-surface-high/[0.6] text-sherick-ink placeholder:text-sherick-ink-muted";
-    readonly controlError: "bg-sherick-danger-soft/[0.55] text-sherick-ink placeholder:text-sherick-danger";
+    readonly control: "bg-sherick-surface-high text-sherick-ink placeholder:text-sherick-ink-muted";
+    readonly controlError: "bg-sherick-danger-soft text-sherick-ink placeholder:text-sherick-danger";
     readonly handle: "bg-sherick-ink-muted text-sherick-canvas";
     readonly acrylic: "bg-sherick-surface-float/[var(--sui-glass-fill)] bg-[image:var(--sui-glass-gradient)] text-sherick-ink backdrop-blur-[var(--sui-glass-blur)] backdrop-saturate-[var(--sui-glass-saturation)] backdrop-brightness-[var(--sui-glass-brightness)]";
     readonly acrylicDense: "bg-sherick-surface-float/[var(--sui-glass-dense-fill)] bg-[image:var(--sui-glass-gradient-dense)] text-sherick-ink backdrop-blur-[var(--sui-glass-dense-blur)] backdrop-saturate-[var(--sui-glass-dense-saturation)] backdrop-brightness-[var(--sui-glass-dense-brightness)]";
@@ -101,9 +100,11 @@ declare const type: {
         readonly normal: "text-[0.9375rem] leading-[1.375rem]";
         readonly prominent: "text-lg";
     };
+    readonly label: "text-sm leading-5 font-medium";
+    readonly body: "text-sm leading-6";
     readonly supporting: "text-[0.8125rem] leading-5";
     readonly caption: "text-xs leading-4";
-    readonly title: "text-[0.9375rem] leading-[1.375rem] font-semibold tracking-[-0.011em]";
+    readonly title: "text-base leading-6 font-semibold tracking-[-0.011em]";
     readonly heading: "text-xl leading-7 font-semibold tracking-[-0.02em]";
     readonly numeric: "tabular-nums";
 };
@@ -120,6 +121,10 @@ declare const iconSlot: {
     readonly normal: "inline-flex size-5 shrink-0 items-center justify-center [&>svg]:size-5";
     readonly prominent: "inline-flex size-6 shrink-0 items-center justify-center [&>svg]:size-6";
 };
+declare const iconStroke: {
+    readonly glyph: "[&_*]:[vector-effect:non-scaling-stroke] [&_*]:[stroke-width:1.5px]";
+    readonly mark: "[&_*]:[vector-effect:non-scaling-stroke] [&_*]:[stroke-width:1.75px]";
+};
 declare const stacking: {
     readonly float: "z-50";
     readonly notification: "z-[60]";
@@ -197,9 +202,12 @@ declare const tone: {
         success: string;
     };
 };
-declare const currentDestination = "bg-sherick-primary-soft text-sherick-ink font-medium";
+declare const currentDestination: {
+    readonly row: "bg-sherick-primary-soft text-sherick-ink font-medium";
+    readonly inTrack: "bg-sherick-primary-selected text-sherick-primary font-semibold";
+};
 declare const puck = "bg-sherick-puck";
-declare const selectableRowSurface = "has-[[data-checked]]:bg-sherick-primary-soft has-[[data-checked]]:text-sherick-ink";
+declare const selectableRowSurface: string;
 declare const selectableRowSupporting = "group-has-[[data-checked]]:text-sherick-ink";
 declare const selectable: {
     readonly surface: string;
@@ -248,10 +256,16 @@ declare const recipeAlphas: {
     };
 };
 declare const fieldLayout = "flex min-w-0 w-full flex-col [overflow-wrap:anywhere]";
+declare const fieldLabel: string;
 declare const fieldMessage: {
     readonly description: string;
     readonly error: string;
 };
+declare const codeWell = "bg-sherick-canvas/[0.28]";
+declare const richText: {
+    readonly quoteRule: "border-sherick-primary/[0.45]";
+    readonly linkUnderline: "decoration-sherick-primary/[0.35] hover:decoration-sherick-primary";
+};
 
 type MotionIntent = "feedback" | "tactile" | "arrive" | "orient" | "relocate" | "direct" | "disclose" | "presence" | "activity";
 /** Non-spatial feedback: hover, focus, field tone, a highlighted row, a filled surface.
@@ -349,5 +363,5 @@ declare const motionPresenceToast: string;
  */
 declare const cn: (...inputs: ClassValue[]) => string;
 
-export { cn, currentDestination, density, detail, disclosure, edge, edgeTone, elevation, fieldLayout, fieldMessage, focusRing, focusRingDrag, focusRingHeld, focusRingInset, focusRingWithin, groupFocusRing, hitArea, iconSlot, list, material, matteInset, mediaCanvas, motionActivityIndeterminate, motionActivityPulse, motionActivitySpin, motionArrive, motionDirect, motionDisclose, motionFeedback, motionInkPress, motionOrient, motionPresenceAnchored, motionPresenceModal, motionPresenceScrim, motionPresenceSheet, motionPresenceToast, motionPresenceTooltip, motionRelocate, motionRelocateLong, motionRim, motionRowLayer, motionStateLayer, motionTactile, motionTactileField, motionTactileWide, overlay, parentFocusRingInset, puck, recessedTop, recipeAlphas, rim, selectable, selectableRowSupporting, selectableRowSurface, shape, stacking, state, stateLayer, stateLayerQuietComposite, text, tone, type };
+export { cn, codeWell, currentDestination, density, detail, disclosure, edge, edgeTone, elevation, fieldLabel, fieldLayout, fieldMessage, focusRing, focusRingDrag, focusRingHeld, focusRingInset, focusRingWithin, groupFocusRing, hitArea, iconSlot, iconStroke, list, material, matteInset, mediaCanvas, motionActivityIndeterminate, motionActivityPulse, motionActivitySpin, motionArrive, motionDirect, motionDisclose, motionFeedback, motionInkPress, motionOrient, motionPresenceAnchored, motionPresenceModal, motionPresenceScrim, motionPresenceSheet, motionPresenceToast, motionPresenceTooltip, motionRelocate, motionRelocateLong, motionRim, motionRowLayer, motionStateLayer, motionTactile, motionTactileField, motionTactileWide, overlay, parentFocusRingInset, puck, recessedTop, recipeAlphas, richText, rim, selectable, selectableRowSupporting, selectableRowSurface, shape, stacking, state, stateLayer, stateLayerQuietComposite, text, tone, type };
 export type { MotionIntent };

package/dist/types/index.d.cts

@@ -304,7 +304,17 @@ interface CardProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     variant?: Variant;
 }
-declare const Card: ({ children, variant, className, ...props }: CardProps) => React__default.JSX.Element;
+interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children: ReactNode;
+    /** The heading level is the host document's business, so it is a prop rather than a fixed level. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}
+type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+type CardComponent = ((props: CardProps) => React__default.JSX.Element) & {
+    Title: (props: CardTitleProps) => React__default.ReactElement;
+    Description: (props: CardDescriptionProps) => React__default.JSX.Element;
+};
+declare const Card: CardComponent;
 
 interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "type"> {
     checked?: boolean;
@@ -1306,6 +1316,14 @@ interface PopoverTriggerProps {
     /** Adds to the rendered element. The trigger writes no visual rules of its own. */
     className?: string;
 }
+interface PopoverTitleProps {
+    children: ReactNode;
+    className?: string;
+}
+interface PopoverDescriptionProps {
+    children: ReactNode;
+    className?: string;
+}
 interface PopoverContentProps {
     children: ReactNode;
     /** Adds to the popup's own shell. The sheet's material, shape and elevation are the recipe's. */
@@ -1331,9 +1349,13 @@ interface PopoverContentProps {
 type PopoverComponent = ((props: PopoverProps) => React__default.JSX.Element) & {
     Trigger: typeof PopoverTrigger;
     Content: typeof PopoverContent;
+    Title: typeof PopoverTitle;
+    Description: typeof PopoverDescription;
 };
 declare const PopoverTrigger: ({ ...props }: PopoverTriggerProps) => React__default.JSX.Element;
 declare const PopoverContent: ({ children, className, side, align, sideOffset, alignOffset, }: PopoverContentProps) => React__default.JSX.Element;
+declare const PopoverTitle: ({ children, className }: PopoverTitleProps) => React__default.JSX.Element;
+declare const PopoverDescription: ({ children, className }: PopoverDescriptionProps) => React__default.JSX.Element;
 declare const Popover: PopoverComponent;
 
 interface ProgressProps extends Omit<ComponentProps<"div">, "children">, Pick<Progress$1.Root.Props, "min" | "max" | "format" | "locale" | "getAriaValueText"> {
@@ -1891,4 +1913,4 @@ interface DirectionProviderProps {
 declare const DirectionProvider: ({ direction, children }: DirectionProviderProps) => React__default.JSX.Element;
 
 export { Accordion, Alert, AlertDialog, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Checkbox, CheckboxGroup, Chip, ChipGroup, Collapsible, Combobox, Command, CommandPalette, DatePicker, DateRangePicker, DateTimePicker, Dialog, DirectionProvider, Divider, Drawer, Field, FileUpload, Form, IconButton, Input, Media, Menu, NavGroup, NavItem, NumberField, Pagination, Popover, Progress, RadioGroup, Search, SegmentedControl, Select, Skeleton, Slider, Spinner, Stepper, Switch, Table, Tabs, Textarea, ToastProvider, ToastViewport, ToggleGroup, Tooltip, TreeView, createToastManager, useToast };
-export type { AccordionHeadingLevel, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertDialogProps, AlertProps, AvatarProps, BadgeProps, BreadcrumbItem, BreadcrumbProps, ButtonAppearance, ButtonProps, ButtonSize, CalendarDate, CalendarDateTime, CalendarLabels, CalendarProps, CardProps, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsiblePanelProps, CollapsibleProps, CollapsibleTriggerProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxPasteDetails, ComboboxProps, ComboboxSingleProps, CommandItem, CommandPaletteProps, CommandProps, DatePickerProps, DateRange, DateRangePickerProps, DateTimePickerLabels, DateTimePickerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DirectionProviderProps, DividerProps, DividerWeight, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerTriggerProps, FieldProps, FileRejection, FileUploadProps, FormErrors, FormProps, IconButtonAppearance, IconButtonProps, InputProps, MediaImageProps, MediaVideoProps, MenuContentProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuTriggerProps, NavGroupHeadingLevel, NavGroupItem, NavGroupProps, NavItemProps, NumberFieldProps, OverlayAlign, OverlaySide, PaginationProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, ProgressProps, RadioGroupOption, RadioGroupProps, SearchProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectOptionGroup, SelectProps, SkeletonProps, SliderProps, SpinnerProps, StepperItem, StepperProps, SwitchProps, Tab, TableColumn, TableProps, TabsProps, TextareaProps, ToastActionOptions, ToastManager, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProviderProps, ToastType, ToastUpdateOptions, ToastViewportProps, ToggleGroupItemProps, ToggleGroupProps, TooltipProps, TreeViewItem, TreeViewProps, Variant };
+export type { AccordionHeadingLevel, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertDialogProps, AlertProps, AvatarProps, BadgeProps, BreadcrumbItem, BreadcrumbProps, ButtonAppearance, ButtonProps, ButtonSize, CalendarDate, CalendarDateTime, CalendarLabels, CalendarProps, CardDescriptionProps, CardProps, CardTitleProps, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsiblePanelProps, CollapsibleProps, CollapsibleTriggerProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxPasteDetails, ComboboxProps, ComboboxSingleProps, CommandItem, CommandPaletteProps, CommandProps, DatePickerProps, DateRange, DateRangePickerProps, DateTimePickerLabels, DateTimePickerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DirectionProviderProps, DividerProps, DividerWeight, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerTriggerProps, FieldProps, FileRejection, FileUploadProps, FormErrors, FormProps, IconButtonAppearance, IconButtonProps, InputProps, MediaImageProps, MediaVideoProps, MenuContentProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuTriggerProps, NavGroupHeadingLevel, NavGroupItem, NavGroupProps, NavItemProps, NumberFieldProps, OverlayAlign, OverlaySide, PaginationProps, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, ProgressProps, RadioGroupOption, RadioGroupProps, SearchProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectOptionGroup, SelectProps, SkeletonProps, SliderProps, SpinnerProps, StepperItem, StepperProps, SwitchProps, Tab, TableColumn, TableProps, TabsProps, TextareaProps, ToastActionOptions, ToastManager, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProviderProps, ToastType, ToastUpdateOptions, ToastViewportProps, ToggleGroupItemProps, ToggleGroupProps, TooltipProps, TreeViewItem, TreeViewProps, Variant };

package/dist/types/index.d.ts

@@ -304,7 +304,17 @@ interface CardProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     variant?: Variant;
 }
-declare const Card: ({ children, variant, className, ...props }: CardProps) => React__default.JSX.Element;
+interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children: ReactNode;
+    /** The heading level is the host document's business, so it is a prop rather than a fixed level. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+}
+type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+type CardComponent = ((props: CardProps) => React__default.JSX.Element) & {
+    Title: (props: CardTitleProps) => React__default.ReactElement;
+    Description: (props: CardDescriptionProps) => React__default.JSX.Element;
+};
+declare const Card: CardComponent;
 
 interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "type"> {
     checked?: boolean;
@@ -1306,6 +1316,14 @@ interface PopoverTriggerProps {
     /** Adds to the rendered element. The trigger writes no visual rules of its own. */
     className?: string;
 }
+interface PopoverTitleProps {
+    children: ReactNode;
+    className?: string;
+}
+interface PopoverDescriptionProps {
+    children: ReactNode;
+    className?: string;
+}
 interface PopoverContentProps {
     children: ReactNode;
     /** Adds to the popup's own shell. The sheet's material, shape and elevation are the recipe's. */
@@ -1331,9 +1349,13 @@ interface PopoverContentProps {
 type PopoverComponent = ((props: PopoverProps) => React__default.JSX.Element) & {
     Trigger: typeof PopoverTrigger;
     Content: typeof PopoverContent;
+    Title: typeof PopoverTitle;
+    Description: typeof PopoverDescription;
 };
 declare const PopoverTrigger: ({ ...props }: PopoverTriggerProps) => React__default.JSX.Element;
 declare const PopoverContent: ({ children, className, side, align, sideOffset, alignOffset, }: PopoverContentProps) => React__default.JSX.Element;
+declare const PopoverTitle: ({ children, className }: PopoverTitleProps) => React__default.JSX.Element;
+declare const PopoverDescription: ({ children, className }: PopoverDescriptionProps) => React__default.JSX.Element;
 declare const Popover: PopoverComponent;
 
 interface ProgressProps extends Omit<ComponentProps<"div">, "children">, Pick<Progress$1.Root.Props, "min" | "max" | "format" | "locale" | "getAriaValueText"> {
@@ -1891,4 +1913,4 @@ interface DirectionProviderProps {
 declare const DirectionProvider: ({ direction, children }: DirectionProviderProps) => React__default.JSX.Element;
 
 export { Accordion, Alert, AlertDialog, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Checkbox, CheckboxGroup, Chip, ChipGroup, Collapsible, Combobox, Command, CommandPalette, DatePicker, DateRangePicker, DateTimePicker, Dialog, DirectionProvider, Divider, Drawer, Field, FileUpload, Form, IconButton, Input, Media, Menu, NavGroup, NavItem, NumberField, Pagination, Popover, Progress, RadioGroup, Search, SegmentedControl, Select, Skeleton, Slider, Spinner, Stepper, Switch, Table, Tabs, Textarea, ToastProvider, ToastViewport, ToggleGroup, Tooltip, TreeView, createToastManager, useToast };
-export type { AccordionHeadingLevel, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertDialogProps, AlertProps, AvatarProps, BadgeProps, BreadcrumbItem, BreadcrumbProps, ButtonAppearance, ButtonProps, ButtonSize, CalendarDate, CalendarDateTime, CalendarLabels, CalendarProps, CardProps, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsiblePanelProps, CollapsibleProps, CollapsibleTriggerProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxPasteDetails, ComboboxProps, ComboboxSingleProps, CommandItem, CommandPaletteProps, CommandProps, DatePickerProps, DateRange, DateRangePickerProps, DateTimePickerLabels, DateTimePickerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DirectionProviderProps, DividerProps, DividerWeight, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerTriggerProps, FieldProps, FileRejection, FileUploadProps, FormErrors, FormProps, IconButtonAppearance, IconButtonProps, InputProps, MediaImageProps, MediaVideoProps, MenuContentProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuTriggerProps, NavGroupHeadingLevel, NavGroupItem, NavGroupProps, NavItemProps, NumberFieldProps, OverlayAlign, OverlaySide, PaginationProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, ProgressProps, RadioGroupOption, RadioGroupProps, SearchProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectOptionGroup, SelectProps, SkeletonProps, SliderProps, SpinnerProps, StepperItem, StepperProps, SwitchProps, Tab, TableColumn, TableProps, TabsProps, TextareaProps, ToastActionOptions, ToastManager, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProviderProps, ToastType, ToastUpdateOptions, ToastViewportProps, ToggleGroupItemProps, ToggleGroupProps, TooltipProps, TreeViewItem, TreeViewProps, Variant };
+export type { AccordionHeadingLevel, AccordionItemProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertDialogProps, AlertProps, AvatarProps, BadgeProps, BreadcrumbItem, BreadcrumbProps, ButtonAppearance, ButtonProps, ButtonSize, CalendarDate, CalendarDateTime, CalendarLabels, CalendarProps, CardDescriptionProps, CardProps, CardTitleProps, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsiblePanelProps, CollapsibleProps, CollapsibleTriggerProps, ComboboxMultipleProps, ComboboxOption, ComboboxOptionGroup, ComboboxPasteDetails, ComboboxProps, ComboboxSingleProps, CommandItem, CommandPaletteProps, CommandProps, DatePickerProps, DateRange, DateRangePickerProps, DateTimePickerLabels, DateTimePickerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DirectionProviderProps, DividerProps, DividerWeight, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps, DrawerSide, DrawerTriggerProps, FieldProps, FileRejection, FileUploadProps, FormErrors, FormProps, IconButtonAppearance, IconButtonProps, InputProps, MediaImageProps, MediaVideoProps, MenuContentProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuTriggerProps, NavGroupHeadingLevel, NavGroupItem, NavGroupProps, NavItemProps, NumberFieldProps, OverlayAlign, OverlaySide, PaginationProps, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, ProgressProps, RadioGroupOption, RadioGroupProps, SearchProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectOptionGroup, SelectProps, SkeletonProps, SliderProps, SpinnerProps, StepperItem, StepperProps, SwitchProps, Tab, TableColumn, TableProps, TabsProps, TextareaProps, ToastActionOptions, ToastManager, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProviderProps, ToastType, ToastUpdateOptions, ToastViewportProps, ToggleGroupItemProps, ToggleGroupProps, TooltipProps, TreeViewItem, TreeViewProps, Variant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sherick-ui",
-  "version": "2.7.1",
+  "version": "2.9.0",
   "description": "A React component library in graphite and iris, with light and dark themes.",
   "repository": {
     "type": "git",