@alpic-ai/ui 1.169.1 → 1.171.0

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

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React$1 from "react";
 //#region src/components/accordion-card.d.ts
 declare function AccordionCard({ defaultOpen, open, onOpenChange, disabled, className, children, ...props }: {
   defaultOpen?: boolean;

package/dist/components/accordion.d.mts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React$1 from "react";
 //#region src/components/accordion.d.ts
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): React$1.JSX.Element;
 declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): React$1.JSX.Element;

package/dist/components/alert.d.mts

@@ -1,8 +1,8 @@
-import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
 //#region src/components/alert.d.ts
 declare const alertVariants: (props?: ({
-  variant?: "destructive" | "default" | "success" | "warning" | null | undefined;
+  variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
 declare function Alert({ className, variant, ...props }: AlertProps): React$1.JSX.Element;

package/dist/components/area-chart.mjs

@@ -6,8 +6,8 @@ import { ChartLegend } from "./chart-legend.mjs";
 import { computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine } from "./chart-primitives.mjs";
 import { ChartTooltipContent } from "./chart-tooltip.mjs";
 import { Skeleton } from "./skeleton.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Area, AreaChart as AreaChart$1, CartesianGrid, LabelList, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
 //#region src/components/area-chart.tsx
 const CURVE_TYPE = {

package/dist/components/attachment-tile.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { TooltipIconButton } from "./tooltip-icon-button.mjs";
-import { useState } from "react";
 import { FileText, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 //#region src/components/attachment-tile.tsx
 function AttachmentTile({ src, isImage, label, onRemove, onClick, className }) {
 	const [hasError, setHasError] = useState(false);

package/dist/components/avatar.d.mts

@@ -1,9 +1,9 @@
-import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
+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?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  size?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 type AvatarStatus = "online";

package/dist/components/bar-chart.mjs

@@ -6,8 +6,8 @@ import { ChartLegend } from "./chart-legend.mjs";
 import { computeNumericMax, makeChartAxis, makeLegendItems, renderMarkers, renderReferenceLine } from "./chart-primitives.mjs";
 import { ChartTooltipContent } from "./chart-tooltip.mjs";
 import { Skeleton } from "./skeleton.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Bar, BarChart as BarChart$1, CartesianGrid, Cell, LabelList, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
 //#region src/components/bar-chart.tsx
 const BAR_RADIUS = 4;
@@ -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.mjs

@@ -4,8 +4,8 @@ import { rampColor } from "../lib/chart-palette.mjs";
 import { useChartContext } from "./chart-container.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Badge } from "./badge.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/bar-list.tsx
 const SEMANTIC_KEY = {
 	error: "destructive",

package/dist/components/button.d.mts

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

package/dist/components/chart-container.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { useChartTheme } from "../hooks/use-chart-theme.mjs";
 import { cn } from "../lib/cn.mjs";
 import { CHART_PALETTES } from "../lib/chart-palette.mjs";
-import * as React$1 from "react";
+import { useChartTheme } from "../hooks/use-chart-theme.mjs";
 import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
 //#region src/components/chart-container.tsx
 const ChartContext = React$1.createContext(null);
 function ChartContainer({ palette = "magenta", className, ...props }) {

package/dist/components/combobox.d.mts

@@ -1,7 +1,7 @@
 import { PopoverContent } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
-import { ReactNode } from "react";
 import { VariantProps } from "class-variance-authority";
+import { ReactNode } from "react";
 import { Command } from "cmdk";
 //#region src/components/combobox.d.ts
 interface ComboboxBaseProps {

package/dist/components/combobox.mjs

@@ -3,9 +3,9 @@ import { cn } from "../lib/cn.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
 import { TagDismissible } from "./tag.mjs";
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { CheckIcon, ChevronDownIcon, SearchIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { Command } from "cmdk";
 //#region src/components/combobox.tsx
 const ComboboxContext = createContext(null);

package/dist/components/copyable.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
 import { cn } from "../lib/cn.mjs";
 import { Button } from "./button.mjs";
+import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
 import { Check, Copy } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/copyable.tsx

package/dist/components/dialog.d.mts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "./button.mjs";
-import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 //#region src/components/dialog.d.ts
 declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): React$1.JSX.Element;

package/dist/components/donut-chart.mjs

@@ -3,8 +3,8 @@ import { cn } from "../lib/cn.mjs";
 import { paletteColor } from "../lib/chart-palette.mjs";
 import { formatShare } from "../lib/chart.mjs";
 import { useChartContext } from "./chart-container.mjs";
-import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
 import { Cell, Pie, PieChart, ResponsiveContainer } from "recharts";
 //#region src/components/donut-chart.tsx
 const GEOMETRY = {

package/dist/components/dropdown-menu.d.mts

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu.d.ts
 declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): React$1.JSX.Element;
@@ -8,7 +8,7 @@ declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof
 declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): React$1.JSX.Element;
 declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): React$1.JSX.Element;
 declare const dropdownMenuItemVariants: (props?: ({
-  variant?: "destructive" | "default" | null | undefined;
+  variant?: "default" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
   inset?: boolean;

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 };