@mezo-org/mezo-clay 0.1.0-dev.34 → 0.1.0-dev.36

package/dist/components/icons/solid/index.d.ts

@@ -33,6 +33,7 @@ export { default as MinusSquare } from './minus-square';
 export * from './musd-circle';
 export { default as PlusCircle } from './plus-circle';
 export { default as PlusSquare } from './plus-square';
+export { default as Power } from './power';
 export { SearchSmall, SearchMedium, SearchLarge } from './search';
 export { Settings01 } from './settings';
 export { ShieldZap } from './shield';

package/dist/components/icons/solid/power/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const Power: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export default Power;

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export * from './mobile-header';
 export * from './modal';
 export * from './page-control';
 export * from './pagination';
+export * from './segmented-progress-bar';
 export * from './phone-input';
 export * from './popover';
 export * from './progress-bar';

package/dist/components/segmented-progress-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './segmented-progress-bar';

package/dist/components/segmented-progress-bar/segmented-progress-bar.d.ts

@@ -0,0 +1,2 @@
+import { SegmentedProgressBarProps } from './types';
+export declare function SegmentedProgressBar({ value, min, max, blockWidth, blockHeight, blockGap, blockRadius, colors, labelProps, overrides, ...restProps }: SegmentedProgressBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/segmented-progress-bar/types.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+import { BlockProps } from 'baseui/block';
+import { Theme } from 'baseui';
+import { Override } from 'baseui/helpers/overrides';
+import { ParagraphSmall } from '../typography';
+export interface SegmentedProgressBarColors {
+    /** Color for inactive/empty blocks (theme color key) */
+    inactive?: keyof Theme["colors"];
+    /** Color for active blocks when in progress (theme color key) */
+    active?: keyof Theme["colors"];
+    /** Color for blocks when at 100% (theme color key) */
+    complete?: keyof Theme["colors"];
+    /** Color for blocks when over 100% (theme color key) */
+    warning?: keyof Theme["colors"];
+}
+export interface SegmentedProgressBarProps extends Omit<BlockProps, "overrides"> {
+    /** Current value */
+    value: number;
+    /** Minimum value (default: 0) */
+    min?: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Width of individual blocks in pixels (default: 8) */
+    blockWidth?: number;
+    /** Height of individual blocks in pixels (default: 20) */
+    blockHeight?: number;
+    /** Gap between blocks in pixels (default: 10) */
+    blockGap?: number;
+    /** Border radius for blocks in pixels (default: 4) */
+    blockRadius?: number;
+    /** Custom colors for different states */
+    colors?: SegmentedProgressBarColors;
+    /** Props to pass to all value labels (min, middle, max) */
+    labelProps?: React.ComponentProps<typeof ParagraphSmall>;
+    /** Style/prop overrides for internal elements */
+    overrides?: SegmentedProgressBarOverrides;
+}
+export type SegmentedProgressBarOverrides = {
+    /** Outer wrapper container */
+    Root?: Override;
+    /** Flex row that contains the segments */
+    SegmentsContainer?: Override;
+    /** Individual segment block */
+    Segment?: Override;
+    /** Container row for the labels */
+    LabelsContainer?: Override;
+    /** Min label */
+    MinLabel?: Override;
+    /** Mid label */
+    MidLabel?: Override;
+    /** Max label */
+    MaxLabel?: Override;
+};