@imfusion/web-ui 0.8.1-dev.17.gcbf0282e → 0.8.1-dev.18.g2355b181

package/CHANGELOG.md

@@ -28,6 +28,11 @@ workflows already ask for stay as they are. Say "change my profile" to answer ag
   - `Typo.Eyebrow` sets a short mono, uppercase label above a heading, in the quiet `support` color by default.
   - `Card.Status` marks a card's outcome with a tinted column or band and the `info`, `positive`, `warning`, or `negative`
     glyph that `Callout` uses for the same status.
+- Components — Stephan Wenninger <wenninger@imfusion.com>
+  - `Slider.Root` has a `variant="position"` that draws a scrollbar-like trough and bar thumb for picking one position in a
+    range.
+  - `FrameSelection`, from `@imfusion/web-ui/integrations/frame-selection`, steps through the frames of ImFusion Web SDK
+    image sets with a position slider and a current-of-total readout.
 
 ### Changed
 

package/dist/components/slider/slider.d.ts

@@ -1,11 +1,20 @@
 import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+import { VariantProps } from 'class-variance-authority';
+declare const sliderRoot: (props?: ({
+    variant?: "default" | "position" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface RootProps extends React.ComponentProps<typeof SliderPrimitive.Root>, VariantProps<typeof sliderRoot> {
+}
 /**
  * Slider.Root — value selector along a continuous or stepped track.
  *
+ * `variant="position"` draws a scrollbar-like trough and bar thumb for picking one position
+ * between `min` and `max`, such as a slice or frame; `onValueChange` reports the position.
+ *
  * @doc https://base-ui.com/react/components/slider
  * @llm https://base-ui.com/react/components/slider.md
  */
-export declare function Root({ value, defaultValue, onValueChange, onValueCommitted, min, max, step, largeStep, minStepsBetweenValues, disabled, orientation, name, form, locale, thumbAlignment, thumbCollisionBehavior, format, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function Root({ variant, value, defaultValue, onValueChange, onValueCommitted, min, max, step, largeStep, minStepsBetweenValues, disabled, orientation, name, form, locale, thumbAlignment, thumbCollisionBehavior, format, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }
@@ -39,3 +48,4 @@ export declare function Thumb({ index, ...props }: React.ComponentProps<typeof S
 export declare namespace Thumb {
     var displayName: string;
 }
+export {};