@selfdecode/sd-component-library 4.0.13 → 4.0.14-8.1

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { CompactDonutGaugeProps, CompactDonutSegment } from '../../interfaces';
+
+export interface CompactDonutGaugeValueIndicatorProps extends Required<Pick<CompactDonutGaugeProps, "size">> {
+    segment: CompactDonutSegment;
+}

package/lib/components/meters/compact-donut-gauge/partials/index.d.ts

@@ -0,0 +1,2 @@
+export * from './compact-donut-gauge-segment';
+export * from './compact-donut-gauge-value-indicator';

package/lib/components/meters/dashed-meter/dashed-meter.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { DashedMeterProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { DashedMeterProps as Props } from './interfaces';
+
 export declare const DashedMeter: React.FC<Props>;

package/lib/components/meters/dashed-meter/dashed-meter.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DashedMeter } from '.';
+
+declare const meta: Meta<typeof DashedMeter>;
+export default meta;
+declare type Story = StoryObj<typeof DashedMeter>;
+export declare const Example: Story;
+export declare const VerticallyOriented: Story;

package/lib/components/meters/dashed-meter/index.d.ts

@@ -1 +1 @@
-export { DashedMeter } from "./dashed-meter";
+export { DashedMeter } from './dashed-meter';

package/lib/components/meters/dashed-meter/interfaces.d.ts

@@ -1,5 +1,6 @@
-import { BaseGridContainerProps } from "../../../index";
-import { BaseComponentProps } from "../../interfaces";
+import { BaseGridContainerProps } from '../../../index';
+import { BaseComponentProps } from '../../interfaces';
+
 export interface DashedMeterProps extends BaseComponentProps, Pick<BaseGridContainerProps, "gap" | "width" | "p" | "alignItems"> {
     value: 0 | 1 | 2 | 3 | 4 | 5;
     /**

package/lib/components/meters/donut-diagram/donut-diagram.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DonutDiagramProps as Props } from './interfaces';
+
+export declare const DonutDiagram: React.FC<Props>;

package/lib/components/meters/donut-diagram/donut-diagram.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DonutDiagram } from '.';
+
+declare const meta: Meta<typeof DonutDiagram>;
+export default meta;
+declare type Story = StoryObj<typeof DonutDiagram>;
+export declare const Example: Story;
+export declare const MobileVersion: Story;
+export declare const ContentInside: Story;
+export declare const SecondaryLabel: Story;

package/lib/components/meters/donut-diagram/index.d.ts

@@ -0,0 +1 @@
+export { DonutDiagram } from './donut-diagram';

package/lib/components/meters/donut-diagram/interfaces.d.ts

@@ -0,0 +1,25 @@
+import { SxProps } from 'rebass';
+
+export interface DonutDiagramProps {
+    children?: React.ReactNode;
+    segments: DonutSegment[];
+    size?: number;
+    outlineWidth?: number;
+    segmentWidth?: number;
+    sideOffset?: number;
+    labelOffset?: number;
+    labelOffsetMobile?: number;
+    labelPointerOffset?: number;
+    verticalOffset?: number;
+    verticalOffsetMobile?: number;
+    mobile?: boolean;
+    containerSx?: SxProps["sx"];
+}
+export interface DonutSegment {
+    start: number;
+    end: number;
+    text: string;
+    color: string;
+    secondaryText?: string;
+}
+export declare type DonutSegmentLabelPosition = "left" | "right";

package/lib/components/meters/donut-diagram/partials/index.d.ts

@@ -0,0 +1 @@
+export * from './segment';

package/lib/components/meters/donut-diagram/partials/segment/index.d.ts

@@ -0,0 +1 @@
+export { Segment } from './segment';

package/lib/components/meters/donut-diagram/partials/segment/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { DonutDiagramProps, DonutSegment } from '../../interfaces';
+
+export interface SegmentProps extends Required<Pick<DonutDiagramProps, "size" | "outlineWidth" | "segmentWidth" | "labelOffset" | "labelPointerOffset" | "labelOffsetMobile" | "mobile">> {
+    segment: DonutSegment;
+}

package/lib/components/meters/donut-diagram/partials/segment/segment.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SegmentProps as Props } from './interfaces';
+
+export declare const Segment: React.FC<Props>;

package/lib/components/meters/donut-diagram/partials/segment-label/index.d.ts

@@ -0,0 +1 @@
+export { SegmentLabel } from './segment-label';

package/lib/components/meters/donut-diagram/partials/segment-label/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { DonutDiagramProps, DonutSegment } from '../../interfaces';
+
+export interface SegmentLabelProps extends Required<Pick<DonutDiagramProps, "labelPointerOffset" | "labelOffset" | "mobile" | "labelOffsetMobile">> {
+    segment: DonutSegment;
+    radius: number;
+    animationDuration: number;
+    isHover: boolean;
+}

package/lib/components/meters/donut-diagram/partials/segment-label/segment-label.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SegmentLabelProps as Props } from './interfaces';
+
+export declare const SegmentLabel: React.FC<Props>;

package/lib/components/meters/donut-diagram/utils.d.ts

@@ -0,0 +1,14 @@
+import { DonutSegment } from './interfaces';
+
+export declare const areSegmentsValid: (segments: Pick<DonutSegment, "start" | "end">[]) => boolean;
+export declare const getSegmentCoordinates: ({ start, end }: Pick<DonutSegment, "start" | "end">, radius: number, segmentWidth: number) => {
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    startInnerX: number;
+    startInnerY: number;
+    endInnerX: number;
+    endInnerY: number;
+    arc: number;
+};

package/lib/components/meters/gradient-outline-meter/gradient-outline-meter.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { GradientOutlineMeterProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { GradientOutlineMeterProps as Props } from './interfaces';
+
 export declare const GradientOutlineMeter: React.FC<Props>;

package/lib/components/meters/gradient-outline-meter/gradient-outline-meter.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { GradientOutlineMeter } from '.';
+
+declare const meta: Meta<typeof GradientOutlineMeter>;
+export default meta;
+declare type Story = StoryObj<typeof GradientOutlineMeter>;
+export declare const Continuous: Story;
+export declare const Segmented: Story;
+export declare const CustomNeedleColor: Story;
+export declare const CounterClockWise: Story;

package/lib/components/meters/gradient-outline-meter/index.d.ts

@@ -1,2 +1,2 @@
-export { GradientOutlineMeter } from "./gradient-outline-meter";
-export { SmallGradientOutlineMeter } from "./small-gradient-outline-meter";
+export { GradientOutlineMeter } from './gradient-outline-meter';
+export { SmallGradientOutlineMeter } from './small-gradient-outline-meter';

package/lib/components/meters/gradient-outline-meter/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { OutlineMeterProps } from "../outline-meter";
-import { OutlineMeterLabelPosition } from "../outline-meter";
+import { OutlineMeterProps, OutlineMeterLabelPosition } from '../outline-meter';
+
 export interface GradientOutlineMeterProps extends Omit<OutlineMeterProps, "ranges" | "distanceBetweenRanges"> {
     /**
      * List of labels to be displayed.

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-needle/gradient-meter-needle.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { GradientMeterNeedleProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { GradientMeterNeedleProps as Props } from './interfaces';
+
 export declare const GradientMeterNeedle: React.FC<Props>;

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-needle/index.d.ts

@@ -1 +1 @@
-export { GradientMeterNeedle } from "./gradient-meter-needle";
+export { GradientMeterNeedle } from './gradient-meter-needle';

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-needle/interfaces.d.ts

@@ -1,4 +1,5 @@
-import { OutlineMeterNeedleProps } from "../../../outline-meter/partials/outline-meter-needle/interfaces";
+import { OutlineMeterNeedleProps } from '../../../outline-meter/partials/outline-meter-needle/interfaces';
+
 export interface GradientMeterNeedleProps extends Pick<OutlineMeterNeedleProps, "value" | "diameter" | "arc" | "gaugeWidth" | "needleWidth" | "innerCircleStrokeWidth" | "innerCircleRadius" | "distanceFromRange" | "needleColor"> {
     /**
      * List of gradient ranges.

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-range/gradient-meter-range.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { GradientMeterRangeProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { GradientMeterRangeProps as Props } from './interfaces';
+
 export declare const GradientMeterRange: React.FC<Props>;

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-range/index.d.ts

@@ -1 +1 @@
-export { GradientMeterRange } from "./gradient-meter-range";
+export { GradientMeterRange } from './gradient-meter-range';

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-range/interfaces.d.ts

@@ -1,4 +1,5 @@
-import { GradientOutlineMeterProps } from "../../interfaces";
+import { GradientOutlineMeterProps } from '../../interfaces';
+
 export interface GradientMeterRangeProps extends Required<Pick<GradientOutlineMeterProps, "value" | "arc" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth">> {
     /**
      * Meter diameter.

package/lib/components/meters/gradient-outline-meter/small-gradient-outline-meter.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { SmallGradientOutlineMeterProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { SmallGradientOutlineMeterProps as Props } from './interfaces';
+
 export declare const SmallGradientOutlineMeter: React.FC<Props>;

package/lib/components/meters/gradient-outline-meter/small-gradient-outline-meter.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SmallGradientOutlineMeter } from '.';
+
+declare const meta: Meta<typeof SmallGradientOutlineMeter>;
+export default meta;
+declare type Story = StoryObj<typeof SmallGradientOutlineMeter>;
+export declare const Continuous: Story;
+export declare const Segmented: Story;
+export declare const CustomNeedleColor: Story;
+export declare const CounterClockWise: Story;

package/lib/components/meters/gradient-outline-meter/utils.d.ts

@@ -1,4 +1,5 @@
-import { OutlineMeterLabelPosition } from "../outline-meter";
+import { OutlineMeterLabelPosition } from '../outline-meter';
+
 /**
  * Returns an array of mapped adjacent elements into pairs.
  */

package/lib/components/meters/index.d.ts

@@ -1,12 +1,12 @@
-export * from "./smiley-meter-v2";
-export * from "./smiley-meter";
-export * from "./people-meter";
-export * from "./outline-meter";
-export * from "./multi-option-discrete-outline-meter";
-export * from "./multicolor-outline-meter";
-export * from "./gradient-outline-meter";
-export * from "./discrete-outline-meter";
-export * from "./dashed-meter";
-export * from "./continuous-outline-meter";
-export * from "./base-outline-meter";
-export * from "./bars-meter";
+export * from './smiley-meter-v2';
+export * from './people-meter';
+export * from './outline-meter';
+export * from './multi-option-discrete-outline-meter';
+export * from './gradient-outline-meter';
+export * from './dashed-meter';
+export * from './bars-meter';
+export * from './donut-diagram';
+export * from './compact-donut-gauge';
+export * from './linear-discrete-gauge-meter';
+export * from './linear-numeric-gauge-meter';
+export type { LinearGaugeProps } from './linear-gauge-meter-partials';

package/lib/components/meters/linear-discrete-gauge-meter/index.d.ts

@@ -0,0 +1 @@
+export { LinearDiscreteGaugeMeter } from './linear-discrete-gauge-meter';

package/lib/components/meters/linear-discrete-gauge-meter/interfaces.d.ts

@@ -0,0 +1,11 @@
+import { LinearGaugeProps } from '../linear-gauge-meter-partials';
+
+export interface LinearDiscreteGaugeMeterProps<T> extends LinearGaugeProps {
+    value: T;
+    options: LinearDiscreteGaugeMeterSegment<T>[];
+}
+export interface LinearDiscreteGaugeMeterSegment<T> {
+    label: string;
+    value: T;
+    labelColor: string;
+}

package/lib/components/meters/linear-discrete-gauge-meter/linear-discrete-gauge-meter.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { LinearDiscreteGaugeMeterProps as Props } from './interfaces';
+
+export declare function LinearDiscreteGaugeMeter<T>(props: PropsWithChildren<Props<T>>): import("react/jsx-runtime").JSX.Element;

package/lib/components/meters/linear-discrete-gauge-meter/linear-discrete-gauge-meter.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LinearDiscreteGaugeMeter } from '.';
+
+declare const meta: Meta<typeof LinearDiscreteGaugeMeter>;
+export default meta;
+declare type Story = StoryObj<typeof LinearDiscreteGaugeMeter>;
+export declare const Example: Story;

package/lib/components/meters/linear-gauge-meter-partials/index.d.ts

@@ -0,0 +1,3 @@
+export * from './linear-gauge-label';
+export * from './linear-gauge-segment';
+export * from './interfaces';

package/lib/components/meters/linear-gauge-meter-partials/interfaces.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { ResponsiveTextV2Props } from '../../texts';
+
+export interface LinearGaugeProps {
+    segmentHeight?: number;
+    gap?: number;
+    labelGap?: number;
+    defaultColor?: string;
+    defaultMatchedColor?: string;
+    labelProps?: Partial<Omit<ResponsiveTextV2Props, "color">>;
+    cursor?: CSSProperties["cursor"];
+}

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/index.d.ts

@@ -0,0 +1 @@
+export { LinearGaugeLabel } from './linear-gauge-label';

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { ResponsiveTextV2Props } from '../../../texts';
+
+export interface LinearGaugeLabelProps extends Partial<Omit<ResponsiveTextV2Props, "color">>, Required<Pick<ResponsiveTextV2Props, "color">> {
+    text: string;
+}

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { LinearGaugeLabelProps as Props } from './interfaces';
+
+export declare const LinearGaugeLabel: React.FC<Props>;

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/index.d.ts

@@ -0,0 +1 @@
+export { LinearGaugeSegment } from './linear-gauge-segment';

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/interfaces.d.ts

@@ -0,0 +1,6 @@
+export interface LinearGaugeSegmentProps {
+    color: string;
+    segmentHeight: number;
+    idx: number;
+    total: number;
+}

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { LinearGaugeSegmentProps as Props } from './interfaces';
+
+export declare const LinearGaugeSegment: React.FC<Props>;

package/lib/components/meters/linear-numeric-gauge-meter/index.d.ts

@@ -0,0 +1 @@
+export { LinearNumericGaugeMeter } from './linear-numeric-gauge-meter';

package/lib/components/meters/linear-numeric-gauge-meter/interfaces.d.ts

@@ -0,0 +1,12 @@
+import { LinearGaugeProps } from '../linear-gauge-meter-partials';
+
+export interface LinearNumericGaugeMeterProps extends LinearGaugeProps {
+    options: LinearNumericGaugeMeterSegment[];
+    value: number;
+}
+export interface LinearNumericGaugeMeterSegment {
+    start: number;
+    end: number;
+    label: string;
+    labelColor: string;
+}

package/lib/components/meters/linear-numeric-gauge-meter/linear-numeric-gauge-meter.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { LinearNumericGaugeMeterProps as Props } from './interfaces';
+
+export declare const LinearNumericGaugeMeter: React.FC<Props>;

package/lib/components/meters/linear-numeric-gauge-meter/linear-numeric-gauge-meter.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LinearNumericGaugeMeter } from '.';
+
+declare const meta: Meta<typeof LinearNumericGaugeMeter>;
+export default meta;
+declare type Story = StoryObj<typeof LinearNumericGaugeMeter>;
+export declare const Example: Story;

package/lib/components/meters/linear-numeric-gauge-meter/utils.d.ts

@@ -0,0 +1,3 @@
+import { LinearNumericGaugeMeterSegment } from './interfaces';
+
+export declare const isMatchingRange: ({ start, end }: Pick<LinearNumericGaugeMeterSegment, "start" | "end">, value: number) => boolean;

package/lib/components/meters/multi-option-discrete-outline-meter/index.d.ts

@@ -1,2 +1,2 @@
-export { MultiOptionDiscreteOutlineMeter } from "./multi-option-discrete-outline-meter";
-export { SmallMultiOptionDiscreteOutlineMeter } from "./small-multi-option-discrete-outline-meter";
+export { MultiOptionDiscreteOutlineMeter } from './multi-option-discrete-outline-meter';
+export { SmallMultiOptionDiscreteOutlineMeter } from './small-multi-option-discrete-outline-meter';

package/lib/components/meters/multi-option-discrete-outline-meter/interfaces.d.ts

@@ -1,4 +1,5 @@
-import { OutlineMeterProps } from "../outline-meter";
+import { OutlineMeterProps } from '../outline-meter';
+
 export interface MultiOptionDiscreteOutlineMeterProps<T> extends Omit<OutlineMeterProps, "ranges" | "value" | "segmented" | "innerPointRadius" | "pointStrokeWidth"> {
     value: T;
     options: DiscreteOutlineMeterOption<T>[];

package/lib/components/meters/multi-option-discrete-outline-meter/multi-option-discrete-outline-meter.d.ts

@@ -1,3 +1,4 @@
-import { PropsWithChildren } from "react";
-import { MultiOptionDiscreteOutlineMeterProps as Props } from "./interfaces";
-export declare function MultiOptionDiscreteOutlineMeter<T>(props: PropsWithChildren<Props<T>>): JSX.Element | null;
+import { PropsWithChildren } from 'react';
+import { MultiOptionDiscreteOutlineMeterProps as Props } from './interfaces';
+
+export declare function MultiOptionDiscreteOutlineMeter<T>(props: PropsWithChildren<Props<T>>): import("react/jsx-runtime").JSX.Element | null;

package/lib/components/meters/multi-option-discrete-outline-meter/multi-option-discrete-outline-meter.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MultiOptionDiscreteOutlineMeter } from '.';
+
+declare const meta: Meta<typeof MultiOptionDiscreteOutlineMeter>;
+export default meta;
+declare type Story = StoryObj<typeof MultiOptionDiscreteOutlineMeter>;
+export declare const Example: Story;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { DiscreteMeterLabelPointerProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { DiscreteMeterLabelPointerProps as Props } from './interfaces';
+
 export declare const DiscreteMeterLabelPointer: React.FC<Props>;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/index.d.ts

@@ -1 +1 @@
-export { DiscreteMeterLabelPointer } from "./discrete-meter-label-pointer";
+export { DiscreteMeterLabelPointer } from './discrete-meter-label-pointer';

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/interfaces.d.ts

@@ -1,3 +1,4 @@
-import { LabelPointerProps } from "../../../common-outline-meter-partials/label-pointer/interfaces";
+import { LabelPointerProps } from '../../../common-outline-meter-partials/label-pointer/interfaces';
+
 export interface DiscreteMeterLabelPointerProps extends LabelPointerProps {
 }

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.d.ts

@@ -1,3 +1,4 @@
-import { PropsWithChildren } from "react";
-import { DiscreteMeterNeedleProps as Props } from "./interfaces";
-export declare function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>): JSX.Element;
+import { PropsWithChildren } from 'react';
+import { DiscreteMeterNeedleProps as Props } from './interfaces';
+
+export declare function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>): import("react/jsx-runtime").JSX.Element;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/index.d.ts

@@ -1 +1 @@
-export { DiscreteMeterNeedle } from "./discrete-meter-needle";
+export { DiscreteMeterNeedle } from './discrete-meter-needle';

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/interfaces.d.ts

@@ -1,4 +1,5 @@
-import { MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
+import { MultiOptionDiscreteOutlineMeterProps } from '../../interfaces';
+
 export interface DiscreteMeterNeedleProps<T> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "value" | "options" | "arc" | "distanceBetweenRanges" | "gaugeWidth">> {
     /**
      * Needle circle stroke width.

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/discrete-range.d.ts

@@ -1,3 +1,4 @@
-import { PropsWithChildren } from "react";
-import { DiscreteRangeProps as Props } from "./interfaces";
-export declare function DiscreteRange<T>(props: PropsWithChildren<Props<T>>): JSX.Element;
+import { PropsWithChildren } from 'react';
+import { DiscreteRangeProps as Props } from './interfaces';
+
+export declare function DiscreteRange<T>(props: PropsWithChildren<Props<T>>): import("react/jsx-runtime").JSX.Element;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/index.d.ts

@@ -1 +1 @@
-export { DiscreteRange } from "./discrete-range";
+export { DiscreteRange } from './discrete-range';

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/interfaces.d.ts

@@ -1,4 +1,5 @@
-import { DiscreteOutlineMeterOption, MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
+import { DiscreteOutlineMeterOption, MultiOptionDiscreteOutlineMeterProps } from '../../interfaces';
+
 export interface DiscreteRangeProps<T> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "gaugeWidth" | "arc" | "distanceBetweenRanges" | "pointerWidth">>, Pick<DiscreteOutlineMeterOption<T>, "label"> {
     idx: number;
     color: string;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/index.d.ts

@@ -1 +1 @@
-export { MatchedRangeLabelBox } from "./matched-range-label-box";
+export { MatchedRangeLabelBox } from './matched-range-label-box';

package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/interfaces.d.ts

@@ -1,5 +1,6 @@
-import { MatchedRangeLabelBoxProps as BaseProps } from "../../../common-outline-meter-partials";
-import { MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
+import { MatchedRangeLabelBoxProps as BaseProps } from '../../../common-outline-meter-partials';
+import { MultiOptionDiscreteOutlineMeterProps } from '../../interfaces';
+
 export interface MatchedRangeLabelBoxProps<T = string> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "distanceBetweenRanges" | "arc">>, Omit<BaseProps, "alpha" | "round"> {
     idx: number;
     totalRanges: number;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { MatchedRangeLabelBoxProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { MatchedRangeLabelBoxProps as Props } from './interfaces';
+
 export declare const MatchedRangeLabelBox: React.FC<Props>;

package/lib/components/meters/multi-option-discrete-outline-meter/small-multi-option-discrete-outline-meter.d.ts

@@ -1,3 +1,4 @@
-import { PropsWithChildren } from "react";
-import { SmallMultiOptionDiscreteOutlineMeterProps as Props } from "./interfaces";
-export declare function SmallMultiOptionDiscreteOutlineMeter<T>(props: PropsWithChildren<Props<T>>): JSX.Element;
+import { PropsWithChildren } from 'react';
+import { SmallMultiOptionDiscreteOutlineMeterProps as Props } from './interfaces';
+
+export declare function SmallMultiOptionDiscreteOutlineMeter<T>(props: PropsWithChildren<Props<T>>): import("react/jsx-runtime").JSX.Element;

package/lib/components/meters/multi-option-discrete-outline-meter/small-multi-option-discrete-outline-meter.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SmallMultiOptionDiscreteOutlineMeter } from '.';
+
+declare const meta: Meta<typeof SmallMultiOptionDiscreteOutlineMeter>;
+export default meta;
+declare type Story = StoryObj<typeof SmallMultiOptionDiscreteOutlineMeter>;
+export declare const Example: Story;

package/lib/components/meters/outline-meter/index.d.ts

@@ -1,3 +1,4 @@
-export { OutlineMeter } from "./outline-meter";
-export type { OutlineMeterPosition, OutlineMeterRangeConfig, OutlineMeterProps, SmallOutlineMeterProps, Bounds, OutlineMeterLabelPosition, } from "./interfaces";
-export { SmallOutlineMeter } from "./small-outline-meter";
+export { OutlineMeter } from './outline-meter';
+export type { OutlineMeterPosition, OutlineMeterRangeConfig, OutlineMeterProps, SmallOutlineMeterProps, Bounds, OutlineMeterLabelPosition, } from './interfaces';
+export { SmallOutlineMeter } from './small-outline-meter';
+export { isValueInRange } from './utils';

package/lib/components/meters/outline-meter/interfaces.d.ts

@@ -1,6 +1,9 @@
-import { CSSProperties } from "react";
+import { CSSProperties } from 'react';
+import { BoxProps } from 'rebass';
+
 export declare type OutlineMeterPosition = number;
-export interface OutlineMeterProps {
+export interface OutlineMeterProps extends Pick<BoxProps, "sx"> {
+    bg?: string | string[];
     /**
      * Meter container margins.
      */

package/lib/components/meters/outline-meter/outline-meter.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { OutlineMeterProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { OutlineMeterProps as Props } from './interfaces';
+
 export declare const OutlineMeter: React.FC<Props>;

package/lib/components/meters/outline-meter/outline-meter.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { OutlineMeter } from '.';
+
+declare const meta: Meta<typeof OutlineMeter>;
+export default meta;
+declare type Story = StoryObj<typeof OutlineMeter>;
+export declare const Continuous: Story;
+export declare const Segmented: Story;
+export declare const ContinuousSingleColor: Story;
+export declare const SegmentedSingleColor: Story;

package/lib/components/meters/outline-meter/partials/base-meter-label-box/base-meter-label-box.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { BaseMeterLabelBoxProps as Props } from "./interfaces";
+import { default as React } from 'react';
+import { BaseMeterLabelBoxProps as Props } from './interfaces';
+
 export declare const BaseMeterLabelBox: React.FC<Props>;

package/lib/components/meters/outline-meter/partials/base-meter-label-box/index.d.ts

@@ -1 +1 @@
-export { BaseMeterLabelBox } from "./base-meter-label-box";
+export { BaseMeterLabelBox } from './base-meter-label-box';