@alpic-ai/ui 1.175.3 → 1.176.0

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

@@ -1,5 +1,5 @@
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import * as React$1 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
 //#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 AccordionPrimitive from "@radix-ui/react-accordion";
 import * as React$1 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
 //#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,5 +1,5 @@
-import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/alert.d.ts
 declare const alertVariants: (props?: ({
   variant?: "default" | "destructive" | "warning" | "success" | null | undefined;

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 { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 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 { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 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/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 { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 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;

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 { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/bar-list.tsx
 const SEMANTIC_KEY = {
 	error: "destructive",

package/dist/components/button.d.mts

@@ -1,5 +1,5 @@
-import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "destructive" | "secondary" | "primary" | "tertiary" | "link" | "link-muted" | "cta" | null | undefined;

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 { useChartTheme } from "../hooks/use-chart-theme.mjs";
-import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#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 { VariantProps } from "class-variance-authority";
 import { ReactNode } from "react";
+import { VariantProps } from "class-variance-authority";
 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 { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 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 { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 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 { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 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;

package/dist/components/editable.mjs

@@ -1,12 +1,12 @@
 "use client";
-import { cn } from "../lib/cn.mjs";
 import { useIsomorphicLayoutEffect } from "../hooks/use-isomorphic-layout-effect.mjs";
 import { useAsRef } from "../hooks/use-as-ref.mjs";
 import { useLazyRef } from "../hooks/use-lazy-ref.mjs";
+import { cn } from "../lib/cn.mjs";
 import { useComposedRefs } from "../lib/compose-refs.mjs";
 import { VisuallyHiddenInput } from "./visually-hidden-input.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/editable.tsx
 const ROOT_NAME = "Editable";

package/dist/components/form.mjs

@@ -7,9 +7,9 @@ import { Input } from "./input.mjs";
 import { RadioGroup, RadioGroupItem } from "./radio-group.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.mjs";
 import { Textarea } from "./textarea.mjs";
+import * as React$1 from "react";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 //#region src/components/form.tsx

package/dist/components/heatmap-chart.mjs

@@ -2,8 +2,8 @@
 import { cn } from "../lib/cn.mjs";
 import { HEAT_EMPTY, heatColor, heatRamp } from "../lib/chart-palette.mjs";
 import { useChartContext } from "./chart-container.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 //#region src/components/heatmap-chart.tsx
 const PLACEHOLDER_HEIGHT = 168;

package/dist/components/input-group.d.mts

@@ -1,5 +1,5 @@
-import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/input-group.d.ts
 declare function InputGroup({ className, children, ...props }: React$1.ComponentProps<"fieldset">): React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({

package/dist/components/input.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { Field } from "./field.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/input.tsx
 const inputSizeStyles = {
 	sm: {

package/dist/components/line-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 { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CartesianGrid, LabelList, Line, LineChart as LineChart$1, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
 //#region src/components/line-chart.tsx
 const CURVE_TYPE = {

package/dist/components/select.d.mts

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

package/dist/components/sidebar.d.mts

@@ -1,7 +1,7 @@
 import { Button } from "./button.mjs";
 import { TooltipContent } from "./tooltip.mjs";
-import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/sidebar.d.ts
 type SidebarContextProps = {
   state: "expanded" | "collapsed";

package/dist/components/sidebar.mjs

@@ -1,14 +1,14 @@
 "use client";
+import { useIsMobile } from "../hooks/use-mobile.mjs";
 import { cn } from "../lib/cn.mjs";
 import { Skeleton } from "./skeleton.mjs";
 import { Button } from "./button.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Separator } from "./separator.mjs";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.mjs";
-import { useIsMobile } from "../hooks/use-mobile.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";

package/dist/components/spinner.d.mts

@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/spinner.d.ts
 declare const spinnerVariants: (props?: ({
   variant?: "secondary" | "primary" | null | undefined;
-  size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
 declare function Spinner({ className, variant, size, ...props }: SpinnerProps): import("react").JSX.Element;

package/dist/components/stat.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { useChartContext } from "./chart-container.mjs";
+import * as React$1 from "react";
 import { ArrowDown, ArrowUp } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React$1 from "react";
 import { Area, AreaChart, ResponsiveContainer } from "recharts";
 //#region src/components/stat.tsx
 const statDeltaVariants = cva("inline-flex items-center gap-0.5 rounded-md px-2 py-1 font-mono text-xs font-medium leading-none", {

package/dist/components/tabs.d.mts

@@ -1,5 +1,5 @@
-import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 //#region src/components/tabs.d.ts
 declare const tabsTriggerVariants: (props?: ({

package/dist/components/tabs.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
+import { createContext, use } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { createContext, use } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 //#region src/components/tabs.tsx

package/dist/components/textarea.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { Field } from "./field.mjs";
-import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/textarea.tsx
 function Textarea({ className, id, label, required, hint, error, tooltip, ...props }) {
 	const generatedId = React$1.useId();

package/dist/components/toggle-group.d.mts

@@ -1,5 +1,5 @@
-import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 //#region src/components/toggle-group.d.ts
 declare const toggleGroupItemVariants: (props?: ({

package/dist/components/toggle-group.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React$1 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 //#region src/components/toggle-group.tsx
 const toggleGroupItemVariants = cva([

package/dist/components/tooltip-icon-button.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { Button } from "./button.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Slottable } from "@radix-ui/react-slot";
 //#region src/components/tooltip-icon-button.tsx
 const TooltipIconButton = forwardRef(({ children, tooltip, side = "bottom", ...rest }, ref) => {

package/dist/components/visually-hidden-input.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/visually-hidden-input.tsx
 function VisuallyHiddenInput(props) {
 	const { control, value, checked, bubbles = true, type = "hidden", style, ...inputProps } = props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpic-ai/ui",
-  "version": "1.175.3",
+  "version": "1.176.0",
   "description": "Alpic design system — shared UI components",
   "type": "module",
   "exports": {