@alpic-ai/ui 0.0.0-staging.gc7bbb68 → 0.0.0-staging.gc7eb024

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpic-ai/ui",
-  "version": "0.0.0-staging.gc7bbb68",
+  "version": "0.0.0-staging.gc7eb024",
   "description": "Alpic design system — shared UI components",
   "type": "module",
   "exports": {

package/src/components/area-chart.tsx

@@ -133,7 +133,10 @@ function AreaChart({
         ) : (
           <ResponsiveContainer width="100%" height="100%" initialDimension={{ width: 0, height }}>
             <RechartsAreaChart
-              data={data as Record<string, string | number>[]}
+              data={
+                // biome-ignore lint/plugin/no-type-assertion: Recharts expects a string-indexed data shape.
+                data as Record<string, string | number>[]
+              }
               stackOffset={variant === "expand" ? "expand" : "none"}
               margin={margin}
             >

package/src/components/bar-chart.tsx

@@ -176,7 +176,10 @@ function BarChart({
         ) : (
           <ResponsiveContainer width="100%" height="100%" initialDimension={{ width: 0, height }}>
             <RechartsBarChart
-              data={data as Record<string, string | number>[]}
+              data={
+                // biome-ignore lint/plugin/no-type-assertion: Recharts expects a string-indexed data shape.
+                data as Record<string, string | number>[]
+              }
               stackOffset={variant === "expand" ? "expand" : "none"}
               margin={margin}
               barCategoryGap={barCategoryGap ?? (stacked ? "20%" : "16%")}
@@ -262,6 +265,7 @@ function BarChart({
                     data.map((row, rowIndex) => {
                       const roundedTop = stacked ? topSlotByRow[rowIndex] === slot : true;
                       const isPartial = partialLastBar && rowIndex === data.length - 1;
+                      // biome-ignore lint/plugin/no-type-assertion: Recharts' Cell radius type does not model its tuple input.
                       const cellRadius = (roundedTop
                         ? [BAR_RADIUS, BAR_RADIUS, 0, 0]
                         : [0, 0, 0, 0]) as unknown as number;

package/src/components/combobox.tsx

@@ -69,10 +69,12 @@ function Combobox(props: ComboboxProps) {
   } = props;
 
   const [uncontrolledSingleValue, setUncontrolledSingleValue] = useState<string | null>(
+    // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
     !multiple ? ((props as ComboboxSingleProps).defaultValue ?? null) : null,
   );
 
   const [uncontrolledMultiValue, setUncontrolledMultiValue] = useState<string[]>(
+    // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
     multiple ? ((props as ComboboxMultipleProps).defaultValue ?? []) : [],
   );
 
@@ -93,13 +95,17 @@ function Combobox(props: ComboboxProps) {
 
   const singleValue = multiple
     ? null
-    : (((props as ComboboxSingleProps).value !== undefined
-        ? (props as ComboboxSingleProps).value
+    : // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
+      (((props as ComboboxSingleProps).value !== undefined
+        ? // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
+          (props as ComboboxSingleProps).value
         : uncontrolledSingleValue) ?? null);
 
   const multiValues = multiple
-    ? (props as ComboboxMultipleProps).value !== undefined
-      ? ((props as ComboboxMultipleProps).value as string[])
+    ? // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
+      (props as ComboboxMultipleProps).value !== undefined
+      ? // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
+        ((props as ComboboxMultipleProps).value as string[])
       : uncontrolledMultiValue
     : [];
 
@@ -114,9 +120,13 @@ function Combobox(props: ComboboxProps) {
   );
 
   // Extract specific callbacks to avoid depending on the entire props object
+  // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
   const onValueChangeSingle = !multiple ? (props as ComboboxSingleProps).onValueChange : undefined;
+  // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
   const onValueChangeMulti = multiple ? (props as ComboboxMultipleProps).onValueChange : undefined;
+  // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
   const isControlledSingle = !multiple && (props as ComboboxSingleProps).value !== undefined;
+  // biome-ignore lint/plugin/no-type-assertion: discriminated props cannot narrow through the separate multiple flag.
   const isControlledMulti = multiple && (props as ComboboxMultipleProps).value !== undefined;
 
   const onSelect = useCallback(

package/src/components/form.tsx

@@ -31,6 +31,7 @@ type FormFieldContextValue<
   name: TName;
 };
 
+// biome-ignore lint/plugin/no-type-assertion: consumers require a non-null context default before a provider is mounted.
 const FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);
 
 const FormField = <
@@ -74,6 +75,7 @@ type FormItemContextValue = {
   id: string;
 };
 
+// biome-ignore lint/plugin/no-type-assertion: consumers require a non-null context default before a provider is mounted.
 const FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);
 
 function FormItem({ className, ...props }: React.ComponentProps<"div">) {

package/src/components/input-group.tsx

@@ -68,6 +68,7 @@ function InputGroupAddon({
       data-align={align}
       className={cn(inputGroupAddonVariants({ align }), className)}
       onClick={(event) => {
+        // biome-ignore lint/plugin/no-type-assertion: click targets are DOM elements for this handler.
         if ((event.target as HTMLElement).closest("button")) {
           return;
         }

package/src/components/line-chart.tsx

@@ -111,6 +111,7 @@ function LineChart({
           </div>
         ) : (
           <ResponsiveContainer width="100%" height="100%" initialDimension={{ width: 0, height }}>
+            {/* biome-ignore lint/plugin/no-type-assertion: Recharts expects a string-indexed data shape. */}
             <RechartsLineChart data={data as Record<string, string | number>[]} margin={margin}>
               <CartesianGrid vertical={false} stroke={theme.grid} strokeDasharray="2 4" />
               <XAxis

package/src/components/sidebar.tsx

@@ -127,6 +127,7 @@ function SidebarProvider({
       <div
         data-slot="sidebar-wrapper"
         style={
+          // biome-ignore lint/plugin/no-type-assertion: CSS custom properties are not included in React's style type.
           {
             "--sidebar-width": SIDEBAR_WIDTH,
             "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
@@ -195,6 +196,7 @@ function Sidebar({
           data-mobile="true"
           className="bg-sidebar-surface text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden"
           style={
+            // biome-ignore lint/plugin/no-type-assertion: CSS custom properties are not included in React's style type.
             {
               "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
             } as React.CSSProperties

package/src/hooks/use-chart-theme.ts

@@ -54,8 +54,10 @@ const readTheme = (): ChartTheme => {
   const styles = window.getComputedStyle(document.documentElement);
   const entries = Object.entries(TOKEN_MAP).map(([key, token]) => {
     const value = styles.getPropertyValue(token).trim();
+    // biome-ignore lint/plugin/no-type-assertion: token keys correspond to the chart theme's required color keys.
     return [key, value || FALLBACK[key as keyof ChartTheme]] as const;
   });
+  // biome-ignore lint/plugin/no-type-assertion: Object.fromEntries cannot preserve the statically known chart-theme keys.
   const colors = Object.fromEntries(entries) as unknown as Omit<ChartTheme, "isDark">;
   return { ...colors, isDark: document.documentElement.classList.contains("dark") };
 };

package/src/stories/area-chart.stories.tsx

@@ -82,9 +82,11 @@ const fmtK = (value: number) => (value >= 1000 ? `${(value / 1000).toFixed(value
 const ms = (value: number) => `${value}ms`;
 
 const sessionsTotal = stacked.reduce(
+  // biome-ignore lint/plugin/no-type-assertion: each client key is populated with a numeric sample in this fixture.
   (sum, row) => sum + CLIENTS.reduce((acc, client) => acc + (row[client] as number), 0),
   0,
 );
+// biome-ignore lint/plugin/no-type-assertion: each client key is populated with a numeric sample in this fixture.
 const sessionsSpark = stacked.map((row) => CLIENTS.reduce((acc, client) => acc + (row[client] as number), 0));
 
 const latencyPeak = latency.reduce((best, row) => (row.p95 > best.p95 ? row : best));

package/src/stories/bar-chart.stories.tsx

@@ -70,9 +70,11 @@ const fmtK = (value: number) => (value >= 1000 ? `${(value / 1000).toFixed(value
 const ms = (value: number) => `${value}ms`;
 
 const sessionsTotal = stacked.reduce(
+  // biome-ignore lint/plugin/no-type-assertion: each client key is populated with a numeric sample in this fixture.
   (sum, row) => sum + CLIENTS.reduce((acc, client) => acc + (row[client] as number), 0),
   0,
 );
+// biome-ignore lint/plugin/no-type-assertion: each client key is populated with a numeric sample in this fixture.
 const sessionsSpark = stacked.map((row) => CLIENTS.reduce((acc, client) => acc + (row[client] as number), 0));
 
 const errorsPeak = errors.reduce((best, row) => (row.mcp + row.tool > best.mcp + best.tool ? row : best));