@alpic-ai/ui 1.170.0 → 1.172.0

package/dist/components/area-chart.d.mts

@@ -7,13 +7,13 @@ declare const CURVE_TYPE: {
   readonly linear: "linear";
   readonly step: "stepAfter";
 };
-interface ChartMarker {
+export interface ChartMarker {
   x: string | number;
   y: number;
   label?: string;
   color?: string;
 }
-interface AreaChartProps {
+export interface AreaChartProps {
   data: ReadonlyArray<Record<string, string | number | null | undefined>>;
   index: string;
   series: ChartSeries[];
@@ -40,4 +40,4 @@ interface AreaChartProps {
 }
 declare function AreaChart({ data, index, series, variant, curve, legend, legendAlign, valueFlags, height, yAxisWidth, palette, referenceLine, markers, lastValueLabel, texture, loading, valueFormatter, labelFormatter, className }: AreaChartProps): React$1.JSX.Element;
 //#endregion
-export { AreaChart, AreaChartProps, ChartMarker };
+export { AreaChart };

package/dist/components/avatar.d.mts

@@ -3,7 +3,7 @@ import * as React$1 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 //#region src/components/avatar.d.ts
 declare const avatarVariants: (props?: ({
-  size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 type AvatarStatus = "online";

package/dist/components/badge.d.mts

@@ -1,7 +1,7 @@
 import { VariantProps } from "class-variance-authority";
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "warning" | "success" | "secondary" | "primary" | "error" | null | undefined;
+  variant?: "warning" | "success" | "primary" | "secondary" | "error" | null | undefined;
   size?: "sm" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}

package/dist/components/bar-chart.d.mts

@@ -3,7 +3,7 @@ import { ChartPaletteName } from "../lib/chart-palette.mjs";
 import { ChartMarker } from "./area-chart.mjs";
 import * as React$1 from "react";
 //#region src/components/bar-chart.d.ts
-interface BarChartProps {
+export interface BarChartProps {
   data: ReadonlyArray<Record<string, string | number | null | undefined>>;
   index: string;
   series: ChartSeries[];
@@ -31,4 +31,4 @@ interface BarChartProps {
 }
 declare function BarChart({ data, index, series, variant, legend, legendAlign, valueLabels, height, yAxisWidth, bare, barCategoryGap, palette, referenceLine, markers, texture, partialLastBar, loading, valueFormatter, labelFormatter, className }: BarChartProps): React$1.JSX.Element;
 //#endregion
-export { BarChart, BarChartProps };
+export { BarChart };

package/dist/components/bar-chart.mjs

@@ -89,7 +89,7 @@ function BarChart({ data, index, series, variant = "stacked", legend = false, le
 		"data-slot": "bar-chart",
 		className: cn("flex w-full flex-col gap-3", "[&_.recharts-surface]:outline-none [&_.recharts-wrapper]:outline-none", className),
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "w-full",
+			className: cn("w-full", bare && !loading && !isEmpty && "border-border border-b"),
 			style: { height },
 			children: loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full rounded-lg" }) : isEmpty ? /* @__PURE__ */ jsx("div", {
 				className: "flex h-full items-center justify-center rounded-lg border border-border border-dashed font-mono text-quaternary-foreground text-text-xs",

package/dist/components/bar-list.d.mts

@@ -1,7 +1,7 @@
 import { ChartPaletteName } from "../lib/chart-palette.mjs";
 import * as React$1 from "react";
 //#region src/components/bar-list.d.ts
-interface BarListProps {
+export interface BarListProps {
   data: ReadonlyArray<Record<string, string | number | null | undefined>>;
   index: string;
   dataKey?: string;
@@ -19,4 +19,4 @@ interface BarListProps {
 }
 declare function BarList({ data, index, dataKey, secondaryKey, secondaryVariantKey, titleKey, maxItems, palette, semantic, loading, valueFormatter, labelFormatter, className }: BarListProps): React$1.JSX.Element;
 //#endregion
-export { BarList, BarListProps };
+export { BarList };

package/dist/components/button.d.mts

@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "destructive" | "secondary" | "primary" | "tertiary" | "link" | "link-muted" | "cta" | null | undefined;
+  variant?: "destructive" | "primary" | "secondary" | "tertiary" | "link" | "link-muted" | "cta" | null | undefined;
   size?: "default" | "icon" | "icon-rounded" | "pill" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ComponentProps<"button">, VariantProps<typeof buttonVariants> {

package/dist/components/chart-card.d.mts

@@ -1,7 +1,7 @@
 import { ChartPaletteName } from "../lib/chart-palette.mjs";
 import * as React$1 from "react";
 //#region src/components/chart-card.d.ts
-interface ChartCardProps extends Omit<React$1.ComponentProps<"section">, "title"> {
+export interface ChartCardProps extends Omit<React$1.ComponentProps<"section">, "title"> {
   palette?: ChartPaletteName;
   kicker?: React$1.ReactNode;
   title?: React$1.ReactNode;
@@ -11,4 +11,4 @@ interface ChartCardProps extends Omit<React$1.ComponentProps<"section">, "title"
 }
 declare function ChartCard({ palette, kicker, title, description, action, accent, className, children, ...props }: ChartCardProps): React$1.JSX.Element;
 //#endregion
-export { ChartCard, ChartCardProps };
+export { ChartCard };

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

@@ -1,11 +1,11 @@
 //#region src/components/chart-legend.d.ts
-interface ChartLegendItem {
+export interface ChartLegendItem {
   key: string;
   name: string;
   color: string;
   dashed?: boolean;
 }
-interface ChartLegendProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ChartLegendProps extends React.HTMLAttributes<HTMLDivElement> {
   items: ChartLegendItem[];
   align?: "left" | "center" | "right";
   insetLeft?: number;
@@ -14,4 +14,4 @@ interface ChartLegendProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare function ChartLegend({ items, align, insetLeft, hiddenKeys, onItemClick, className, style, ...props }: ChartLegendProps): import("react").JSX.Element;
 //#endregion
-export { ChartLegend, ChartLegendItem, ChartLegendProps };
+export { ChartLegend };

package/dist/components/chart-primitives.d.mts

@@ -2,13 +2,13 @@ import { ChartTheme } from "../hooks/use-chart-theme.mjs";
 import { ChartSeries, ResolvedSeries } from "../lib/chart.mjs";
 import { ChartMarker } from "./area-chart.mjs";
 //#region src/components/chart-primitives.d.ts
-type ReferenceLineConfig = {
+export type ReferenceLineConfig = {
   y: number;
   label?: string;
   band?: boolean;
 };
 type ChartData = ReadonlyArray<Record<string, string | number | null | undefined>>;
-declare function makeChartAxis(theme: ChartTheme): {
+export declare function makeChartAxis(theme: ChartTheme): {
   stroke: string;
   tick: {
     fill: string;
@@ -21,15 +21,15 @@ declare function makeChartAxis(theme: ChartTheme): {
     strokeOpacity: number;
   };
 };
-declare function makeLegendItems(resolved: ResolvedSeries[]): {
+export declare function makeLegendItems(resolved: ResolvedSeries[]): {
   key: string;
   name: string;
   color: string;
   dashed: boolean | undefined;
 }[];
 /** Stacked series must reach the stack height (sum per x-point), or reference bands and explicit Y domains clip a tall stack short. */
-declare function computeNumericMax(data: ChartData, series: ChartSeries[], stacked: boolean): number;
-declare function makeActiveDot(entry: ResolvedSeries, { valueFlags, theme, valueFormatter }: {
+export declare function computeNumericMax(data: ChartData, series: ChartSeries[], stacked: boolean): number;
+export declare function makeActiveDot(entry: ResolvedSeries, { valueFlags, theme, valueFormatter }: {
   valueFlags: boolean;
   theme: ChartTheme;
   valueFormatter: (value: number) => string;
@@ -43,7 +43,7 @@ declare function makeActiveDot(entry: ResolvedSeries, { valueFlags, theme, value
   stroke: string;
   strokeWidth: number;
 };
-declare function makeLastValueLabel(color: string, { dataLength, theme, valueFormatter }: {
+export declare function makeLastValueLabel(color: string, { dataLength, theme, valueFormatter }: {
   dataLength: number;
   theme: ChartTheme;
   valueFormatter: (value: number) => string;
@@ -54,11 +54,10 @@ declare function makeLastValueLabel(color: string, { dataLength, theme, valueFor
   index?: number;
 }) => import("react").JSX.Element | null;
 /** Returns recharts elements (not a wrapper component) so recharts still detects them as direct chart children. */
-declare function renderReferenceLine({ referenceLine, numericMax, theme }: {
+export declare function renderReferenceLine({ referenceLine, numericMax, theme }: {
   referenceLine: ReferenceLineConfig | undefined;
   numericMax: number;
   theme: ChartTheme;
 }): (import("react").JSX.Element | null)[] | null;
-declare function renderMarkers(markers: ChartMarker[] | undefined, theme: ChartTheme): import("react").JSX.Element[] | undefined;
-//#endregion
-export { ReferenceLineConfig, computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine };
+export declare function renderMarkers(markers: ChartMarker[] | undefined, theme: ChartTheme): import("react").JSX.Element[] | undefined;
+//#endregion

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

@@ -1,5 +1,5 @@
 //#region src/components/chart-tooltip.d.ts
-interface ChartTooltipItem {
+export interface ChartTooltipItem {
   name?: string | number;
   value?: number | string;
   color?: string;
@@ -7,7 +7,7 @@ interface ChartTooltipItem {
   fill?: string;
   dataKey?: string | number;
 }
-interface ChartTooltipContentProps {
+export interface ChartTooltipContentProps {
   active?: boolean;
   payload?: ChartTooltipItem[];
   label?: string | number;
@@ -20,4 +20,4 @@ interface ChartTooltipContentProps {
 }
 declare function ChartTooltipContent({ active, payload, label, valueFormatter, labelFormatter, hideLabel, showTotal, totalLabel, className }: ChartTooltipContentProps): import("react").JSX.Element | null;
 //#endregion
-export { ChartTooltipContent, ChartTooltipContentProps, ChartTooltipItem };
+export { ChartTooltipContent };

package/dist/components/donut-chart.d.mts

@@ -11,7 +11,7 @@ declare const GEOMETRY: {
     readonly outer: "92%";
   };
 };
-interface DonutChartProps {
+export interface DonutChartProps {
   data: ReadonlyArray<Record<string, string | number | null | undefined>>;
   index: string;
   dataKey?: string;
@@ -28,4 +28,4 @@ interface DonutChartProps {
 }
 declare function DonutChart({ data, index, dataKey, variant, legend, paddingAngle, height, palette, centerLabel, loading, valueFormatter, labelFormatter, className }: DonutChartProps): React$1.JSX.Element;
 //#endregion
-export { DonutChart, DonutChartProps };
+export { DonutChart };

package/dist/components/editable.d.mts

@@ -0,0 +1,101 @@
+import * as React$1 from "react";
+//#region src/components/editable.d.ts
+type Direction = "ltr" | "rtl";
+interface DivProps extends React$1.ComponentProps<"div"> {
+  asChild?: boolean;
+}
+interface StoreState {
+  value: string;
+  editing: boolean;
+}
+interface Store {
+  subscribe: (callback: () => void) => () => void;
+  getState: () => StoreState;
+  setState: <K extends keyof StoreState>(key: K, value: StoreState[K]) => void;
+  notify: () => void;
+}
+declare function useStore<T>(selector: (state: StoreState) => T, ogStore?: Store | null): T;
+interface EditableContextValue {
+  rootId: string;
+  inputId: string;
+  labelId: string;
+  defaultValue: string;
+  onCancel: () => void;
+  onEdit: () => void;
+  onSubmit: (value: string) => void;
+  onEnterKeyDown?: (event: KeyboardEvent) => void;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  dir?: Direction;
+  maxLength?: number;
+  placeholder?: string;
+  triggerMode: "click" | "dblclick" | "focus";
+  autosize: boolean;
+  multiline: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+  invalid?: boolean;
+}
+interface EditableProps extends Omit<DivProps, "onSubmit"> {
+  id?: string;
+  defaultValue?: string;
+  value?: string;
+  onValueChange?: (value: string) => void;
+  defaultEditing?: boolean;
+  editing?: boolean;
+  onEditingChange?: (editing: boolean) => void;
+  onCancel?: () => void;
+  onEdit?: () => void;
+  onSubmit?: (value: string) => void;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onEnterKeyDown?: (event: KeyboardEvent) => void;
+  dir?: Direction;
+  maxLength?: number;
+  name?: string;
+  placeholder?: string;
+  triggerMode?: EditableContextValue["triggerMode"];
+  autosize?: boolean;
+  multiline?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+  invalid?: boolean;
+}
+declare function Editable(props: EditableProps): React$1.JSX.Element;
+interface EditableLabelProps extends React$1.ComponentProps<"label"> {
+  asChild?: boolean;
+}
+declare function EditableLabel(props: EditableLabelProps): React$1.JSX.Element;
+interface EditableAreaProps extends React$1.ComponentProps<"div"> {
+  asChild?: boolean;
+}
+declare function EditableArea(props: EditableAreaProps): React$1.JSX.Element;
+interface EditablePreviewProps extends React$1.ComponentProps<"div"> {
+  asChild?: boolean;
+}
+declare function EditablePreview(props: EditablePreviewProps): React$1.JSX.Element | null;
+interface EditableInputProps extends React$1.ComponentProps<"input"> {
+  asChild?: boolean;
+  maxLength?: number;
+}
+declare function EditableInput(props: EditableInputProps): React$1.JSX.Element | null;
+interface EditableTriggerProps extends React$1.ComponentProps<"button"> {
+  asChild?: boolean;
+  forceMount?: boolean;
+}
+declare function EditableTrigger(props: EditableTriggerProps): React$1.JSX.Element | null;
+interface EditableToolbarProps extends React$1.ComponentProps<"div"> {
+  asChild?: boolean;
+  orientation?: "horizontal" | "vertical";
+}
+declare function EditableToolbar(props: EditableToolbarProps): React$1.JSX.Element;
+interface EditableCancelProps extends React$1.ComponentProps<"button"> {
+  asChild?: boolean;
+}
+declare function EditableCancel(props: EditableCancelProps): React$1.JSX.Element | null;
+interface EditableSubmitProps extends React$1.ComponentProps<"button"> {
+  asChild?: boolean;
+}
+declare function EditableSubmit(props: EditableSubmitProps): React$1.JSX.Element | null;
+//#endregion
+export { Editable, EditableArea, EditableCancel, EditableInput, EditableLabel, EditablePreview, type EditableProps, EditableSubmit, EditableToolbar, EditableTrigger, useStore as useEditable };