dawn-ui-react 1.0.0-alpha.10 → 1.0.0-alpha.12

package/dist/components/chart/chart-container.d.ts

@@ -0,0 +1,3 @@
+import { ChartContainerContextProps, ChartContainerProps } from './chart.types';
+export declare const ChartContainer: ({ id, initialDimension, config, className, children, ref, ...props }: ChartContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChart: () => ChartContainerContextProps;

package/dist/components/chart/chart-legend-content.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ChartLegendContentProps } from './chart.types';
+export declare const ChartLegendContent: ({ payload, verticalAlign, className, children, ref, ...props }: ChartLegendContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChartLegendPayload: () => {
+    label?: string;
+    color?: string;
+    icon?: React.ComponentType;
+};

package/dist/components/chart/chart-legend-icon.d.ts

@@ -0,0 +1,2 @@
+import { ChartLegendIconProps } from './chart.types';
+export declare const ChartLegendIcon: ({ className, children, ref, ...props }: ChartLegendIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-legend-indicator.d.ts

@@ -0,0 +1,2 @@
+import { ChartLegendIndicatorProps } from './chart.types';
+export declare const ChartLegendIndicator: ({ shape, className, children, ref, ...props }: ChartLegendIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-legend-label.d.ts

@@ -0,0 +1,2 @@
+import { ChartLegendLabelProps } from './chart.types';
+export declare const ChartLegendLabel: ({ className, children, ref, ...props }: ChartLegendLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-legend.d.ts

@@ -0,0 +1,2 @@
+import { ChartLegendProps } from './chart.types';
+export declare const ChartLegend: ({ className, children, ...props }: ChartLegendProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-linear-gradient.d.ts

@@ -0,0 +1,2 @@
+import { ChartLinearGradientProps } from './chart.types';
+export declare const ChartLinearGradient: ({ gradients, className, children, ref, ...props }: ChartLinearGradientProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-tooltip-content.d.ts

@@ -0,0 +1,3 @@
+import { ChartTooltipContentProps } from './chart.types';
+export declare const ChartTooltipContent: ({ className, children, ref, ...props }: ChartTooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChartTooltipContent: () => ChartTooltipContentProps;

package/dist/components/chart/chart-tooltip-icon.d.ts

@@ -0,0 +1,2 @@
+import { ChartTooltipIconProps } from './chart.types';
+export declare const ChartTooltipIcon: ({ className, children, ref, ...props }: ChartTooltipIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-tooltip-indicator.d.ts

@@ -0,0 +1,2 @@
+import { ChartTooltipIndicatorProps } from './chart.types';
+export declare const ChartTooltipIndicator: ({ shape, className, children, ref, ...props }: ChartTooltipIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-tooltip-label.d.ts

@@ -0,0 +1,2 @@
+import { ChartTooltipLabelProps } from './chart.types';
+export declare const ChartTooltipLabel: ({ className, children, ref, ...props }: ChartTooltipLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-tooltip-name.d.ts

@@ -0,0 +1,2 @@
+import { ChartTooltipNameProps } from './chart.types';
+export declare const ChartTooltipName: ({ className, children, ref, ...props }: ChartTooltipNameProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart-tooltip-payload.d.ts

@@ -0,0 +1,4 @@
+import { ChartTooltipPayloadProps } from './chart.types';
+import { TooltipPayloadEntry } from 'recharts';
+export declare const ChartTooltipPayload: ({ className, children, ref, ...props }: ChartTooltipPayloadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChartTooltipPayload: () => TooltipPayloadEntry<import('recharts').TooltipValueType, import('recharts/types/component/DefaultTooltipContent').NameType>;

package/dist/components/chart/chart-tooltip-value.d.ts

@@ -0,0 +1,3 @@
+type ChartTooltipValueProps = React.ComponentProps<'p'>;
+export declare const ChartTooltipValue: ({ className, children, ref, ...props }: ChartTooltipValueProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/chart/chart-tooltip.d.ts

@@ -0,0 +1,2 @@
+import { ChartTooltipProps } from './chart.types';
+export declare const ChartTooltip: ({ content, ...props }: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chart/chart.types.d.ts

@@ -0,0 +1,49 @@
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = Record<string, {
+    label?: string;
+    icon?: React.ComponentType;
+} & ({
+    colour?: string;
+    theme?: never;
+} | {
+    colour?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+export type ChartContainerContextProps = {
+    config: ChartConfig;
+};
+export type ChartContainerProps = React.ComponentProps<'div'> & {
+    config: ChartConfig;
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+};
+export type ChartTooltipProps = RechartsPrimitive.TooltipProps;
+export type ChartTooltipContentProps = React.ComponentProps<'div'> & Partial<RechartsPrimitive.TooltipContentProps>;
+export type ChartLegendProps = RechartsPrimitive.LegendProps;
+export type ChartLegendContentProps = React.ComponentProps<'div'> & RechartsPrimitive.DefaultLegendContentProps;
+export type ChartTooltipLabelProps = React.ComponentProps<'p'>;
+export type ChartTooltipNameProps = React.ComponentProps<'p'>;
+export type ChartTooltipPayloadProps = React.ComponentProps<'div'>;
+export type ChartLegendPayloadProps = React.ComponentProps<'div'>;
+export type ChartTooltipIndicatorProps = React.ComponentProps<'div'> & {
+    shape?: 'circle' | 'square' | 'diamond' | 'triangle' | 'wye' | 'line';
+};
+export type ChartLinearGradientProps = React.ComponentProps<'defs'> & {
+    gradients: {
+        id: string;
+        stopColor: string;
+    }[];
+};
+export type ChartTooltipIconProps = React.ComponentProps<'div'>;
+export type ChartLegendIconProps = React.ComponentProps<'div'>;
+export type ChartLegendLabelProps = React.ComponentProps<'p'>;
+export type ChartLegendIndicatorProps = React.ComponentProps<'div'> & {
+    shape?: 'circle' | 'square' | 'diamond' | 'triangle' | 'wye' | 'line';
+};
+export {};

package/dist/components/chart/chart.utils.d.ts

@@ -0,0 +1,11 @@
+import { ChartConfig } from './chart.types';
+export declare const getPayloadConfigFromPayload: (config: ChartConfig, payload: unknown, key: string) => ({
+    label?: string;
+    icon?: React.ComponentType;
+} & ({
+    colour?: string;
+    theme?: never;
+} | {
+    colour?: never;
+    theme: Record<"light" | "dark", string>;
+})) | undefined;

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

@@ -0,0 +1,16 @@
+export type { ChartConfig, ChartTooltipContentProps, ChartTooltipLabelProps, ChartLegendContentProps, ChartLinearGradientProps, ChartContainerContextProps, ChartContainerProps, ChartLegendProps, ChartTooltipIndicatorProps, ChartTooltipNameProps, ChartTooltipPayloadProps, ChartTooltipProps, ChartLegendIconProps, ChartLegendLabelProps, ChartLegendIndicatorProps, ChartTooltipIconProps, ChartLegendPayloadProps, } from './chart.types';
+export { ChartContainer } from './chart-container';
+export { ChartTooltip } from './chart-tooltip';
+export { ChartTooltipContent, useChartTooltipContent } from './chart-tooltip-content';
+export { ChartTooltipLabel } from './chart-tooltip-label';
+export { ChartTooltipPayload, useChartTooltipPayload } from './chart-tooltip-payload';
+export { ChartLegend } from './chart-legend';
+export { ChartLegendContent } from './chart-legend-content';
+export { ChartLinearGradient } from './chart-linear-gradient';
+export { ChartTooltipIndicator } from './chart-tooltip-indicator';
+export { ChartTooltipName } from './chart-tooltip-name';
+export { ChartLegendIcon } from './chart-legend-icon';
+export { ChartLegendLabel } from './chart-legend-label';
+export { ChartLegendIndicator } from './chart-legend-indicator';
+export { ChartTooltipIcon } from './chart-tooltip-icon';
+export { getPayloadConfigFromPayload } from './chart.utils';

package/dist/components/code-block/code-block-window.d.ts

@@ -1,3 +1,2 @@
-type CodeBlockWindowProps = React.ComponentProps<'div'>;
+import { CodeBlockWindowProps } from './code-block.types';
 export declare const CodeBlockWindow: ({ className, children, ref, ...props }: CodeBlockWindowProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/code-block/code-block.types.d.ts

@@ -21,6 +21,6 @@ export type CodeBlockCopyProps = React.ComponentProps<'button'>;
 export type CodeBlockNameProps = React.ComponentProps<'div'>;
 export type CodeBlockSelectProps = React.ComponentProps<typeof SelectTrigger>;
 export type CodeBlockHeaderGroupProps = React.ComponentProps<'div'>;
-export type CodeBlockTitleProps = React.ComponentProps<'div'>;
 export type CodeBlockDownloadProps = React.ComponentProps<'button'>;
 export type CodeBlockActionsProps = React.ComponentProps<'div'>;
+export type CodeBlockWindowProps = React.ComponentProps<'div'>;

package/dist/components/code-block/index.d.ts

@@ -1,2 +1,10 @@
-export type { CodeBlockProps } from './code-block.types';
+export type { CodeBlockProps, CodeBlockActionsProps, CodeBlockCopyProps, CodeBlockDownloadProps, CodeBlockHeaderGroupProps, CodeBlockNameProps, CodeBlockProviderState, CodeBlockSelectProps, CodeBlockTabsProps, CodeBlockWindowProps, CodeBlockValue, } from './code-block.types';
 export { CodeBlock } from './code-block';
+export { CodeBlockActions } from './code-block-actions';
+export { CodeBlockCopy } from './code-block-copy';
+export { CodeBlockDownload } from './code-block-download';
+export { CodeBlockHeader } from './code-block-header';
+export { CodeBlockName } from './code-block-name';
+export { CodeBlockSelect } from './code-block-select';
+export { CodeBlockTabs } from './code-block-tabs';
+export { CodeBlockWindow } from './code-block-window';

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
+export * from './chart';
 export * from './checkbox';
 export * from './checkbox-group';
 export * from './collapsible';

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

@@ -1,2 +1,2 @@
 import { SliderProps } from './slider.types';
-export declare const Slider: ({ defaultValue, description, label, leadingIcon: LeadingIcon, max, min, showMax, showMin, trailingIcon: TrailingIcon, value, className, ref, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ size, tone, defaultValue, description, label, leadingIcon: LeadingIcon, max, min, showMax, showMin, trailingIcon: TrailingIcon, showThumbOnHover, value, className, ref, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
 import { Slider as BaseSlider } from '@base-ui/react';
 import { Icon } from '@phosphor-icons/react';
 import { ComponentProps } from 'react';
-export type SliderProps = ComponentProps<typeof BaseSlider.Root> & {
+export declare const sliderVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SliderProps = ComponentProps<typeof BaseSlider.Root> & VariantProps<typeof sliderVariants> & {
     label?: string;
     description?: string;
     leadingIcon?: Icon;
     trailingIcon?: Icon;
     showMin?: boolean;
     showMax?: boolean;
+    showThumbOnHover?: boolean;
 };
 export type SliderThumbProps = ComponentProps<typeof BaseSlider.Thumb>;